So ändern Sie das Bild in Firefox/Safari Standard-Registerkarte

Question

Wenn Sie eine neue Registerkarte in Firefox Mobile und Safari öffnen, gibt es eine Zusammenfassung der am häufigsten besuchten Websites. Jede Seite hat ein Bild, wie kann ich das Bild meiner Website ändern, das dort angezeigt wird?

Beispiel auf Safari/Firefox:

Ist es möglich Bild zu ändern, die volle Breite/Höhe des Behälters zu sein? Anstatt nur eine kleine Box, und wie man das Bild in der Box an erster Stelle ändern?

Answer 1

Sie müssen verschiedene Arten von Symbolen in den Bereich Ihrer Website einfügen. Etwas wie folgt aus:

<link rel="apple-touch-icon-precomposed" sizes="57x57" href="apple-touch-icon-57x57.png" /> 
 
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="apple-touch-icon-114x114.png" /> 
 
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="apple-touch-icon-72x72.png" /> 
 
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="apple-touch-icon-144x144.png" /> 
 
<link rel="apple-touch-icon-precomposed" sizes="60x60" href="apple-touch-icon-60x60.png" /> 
 
<link rel="apple-touch-icon-precomposed" sizes="120x120" href="apple-touch-icon-120x120.png" /> 
 
<link rel="apple-touch-icon-precomposed" sizes="76x76" href="apple-touch-icon-76x76.png" /> 
 
<link rel="apple-touch-icon-precomposed" sizes="152x152" href="apple-touch-icon-152x152.png" /> 
 
<link rel="icon" type="image/png" href="favicon-196x196.png" sizes="196x196" /> 
 
<link rel="icon" type="image/png" href="favicon-96x96.png" sizes="96x96" /> 
 
<link rel="icon" type="image/png" href="favicon-32x32.png" sizes="32x32" /> 
 
<link rel="icon" type="image/png" href="favicon-16x16.png" sizes="16x16" /> 
 
<link rel="icon" type="image/png" href="favicon-128.png" sizes="128x128" /> 
 
<meta name="application-name" content="&nbsp;"/> 
 
<meta name="msapplication-TileColor" content="#FFFFFF" /> 
 
<meta name="msapplication-TileImage" content="mstile-144x144.png" /> 
 
<meta name="msapplication-square70x70logo" content="mstile-70x70.png" /> 
 
<meta name="msapplication-square150x150logo" content="mstile-150x150.png" /> 
 
<meta name="msapplication-wide310x150logo" content="mstile-310x150.png" /> 
 
<meta name="msapplication-square310x310logo" content="mstile-310x310.png" />

Es Dienste, die Sie verschiedene Größen von Icons auf einmal aus einer Datei erzeugen helfen. favicomatic.com, realfavicongenerator.net und andere.