Google Chrome verwendet falsche Größe von Favicon

Wenn ich erstellen Sie eine ICO-Datei auf dem Mac mit "Icon Composer" es ermöglicht die Angabe von fünf Bildern (16x16, 24x24, 32x32, 48x48, 256x256). Wenn ich geben Sie eine 16x16 und 32x32 Google Chrome (Mac OS X) verwenden Sie das 32 x 32-Bild als Symbol neben dem Namen auf den Registerkarten und unter den Favoriten (es ist Größe 16x16). Dies bewirkt, dass das Symbol zu verschwommen.

Bin ich meinen favicon.ico richtig? Muss ich irgendetwas anderes machen, um dem browser mitzuteilen, verwenden Sie die 16 x 16-Bild? Ich habe derzeit:

<head>
  <link  href="/favicon.ico" />
</head>
Kommentar zu dem Problem
Können Sie uns zeigen, ein bisschen von dem code, der das tut? Dank Kommentarautor: apose
@apose, die ich gerettet favicon.ico unter der Wurzel meiner web-server und haben: <link href="/favicon.ico" /> in den head-tag. Kommentarautor: Kevin Sylvestre
Ja, ich hab das gleiche Problem. Ich würde gerne sehen, eine Lösung. Kommentarautor: Thomas J Bradley
Ich habe eine Frage auf die Google-Chrome-Forum: google.com/support/forum/p/Chrome/... Kommentarautor: Kevin Sylvestre

InformationsquelleAutor der Frage Kevin Sylvestre | 2011-02-24

  1. 11

    Um diese korrekt in Chrome, set sizes zu den größten Symbol Größe, die Sie zur Verfügung haben:

    <link  href="favicon.ico" sizes="256x256">

    Getestet habe ich es mit icons im Visual Studio Image Library, zu denen auch Größen von 16x16, 32x32, 48x48 und 256x256. Es richtig macht das 16 x 16 Größe in der Titelleiste des Browsers, die 32x32 Größe in der Taskleiste angezeigt, und die entsprechende Größe (die variieren kann) auf dem Windows 7-desktop.

    Während ich fand eine Menge von Beratung über die Auflistung einer link - element für jede von mehreren Größen, oder die Auflistung mehrerer Größen in einem link element, mit dem größten verfügbaren Größe war der einzige Weg, ich war in der Lage, das favicon korrekt gerendert, in allen passenden Größen. Es scheint, dass Chrome Skalen unten von eine zu große favicon-von der Suche nach geeigneten kleineren Größen, falls verfügbar, aber die Schuppe bis durch die Sprengung des kleinen Größe, die es bereits hat. Also die sizes - Attribut gesetzt werden muss, um die größte verfügbare Größe.

    Einstellung der Größe 256x256 scheint nicht zu Problemen führen, in anderen Browsern. IE, Firefox und Safari alle das 16x16 Größe wie erwartet.

    InformationsquelleAutor der Antwort Ryan Lundy

  2. 11

    Ich würde halt die 16px-version in der ico-Datei ein. Chrome unterstützt auch mehrere Vorsätze für das fav-icon. Zum Beispiel:

    <link  href="/fav32.png" sizes="32x32" type="image/png">
<link  href="/fav64.png" sizes="64x64" type="image/png">
<link  href="/fav128.png" sizes="128x128" type="image/png">

    Bieten drei unterschiedliche Bild-Größen für die Symbole. Siehe die spec [1] für weitere details.

    [1] http://www.whatwg.org/specs/web-apps/current-work/multipage/links.html#rel-icon

    InformationsquelleAutor der Antwort Kinlan

  3. 3

    Nach einigen Tests sieht es für mich wie folgt:

    1. Erste Symbol begegnet verwendet werden, in die tab in chrome, oder in der linken oberen Ecke, wenn im application-Modus. Es wird auch verwendet für die Verknüpfung im start-Menü.
    2. Symbol mit den größten Größen Wert verwendet werden, für die Verknüpfung auf dem Desktop und Task-Leiste

    Hatte, wenn ich der folgenden Reihenfolge:

    <link  href="icon64x64.png" sizes="64x64" type="image/png" />
<link  href="icon32x32.png" sizes="32x32" type="image/png" />
<link  href="icon16x16.png" sizes="16x16" type="image/png" />

    Es verkleinert die 64x64 icon für alle Symbole.

    Hatte, wenn ich der folgenden Reihenfolge:

    <link  href="icon16x16.png" sizes="16x16" type="image/png" />
<link  href="icon32x32.png" sizes="32x32" type="image/png" />
<link  href="icon64x64.png" sizes="64x64" type="image/png" />

    Er das 16x16-icon auf dem tab oben Links im chrome und auf die Verknüpfung im start-Menü.
    Aber es verwendet die 64x64 icon auf dem desktop und in der Taskleiste.

    Als ich dies Tat:

    <link  href="icon64x64.png" sizes="32x32" type="image/png" />
<link  href="icon32x32.png" sizes="64x64" type="image/png" />

    Es verwendet das erste Bild (icon64x64.png) für die Registerkarte ein - /start-Menü-icons.
    Es verwendet das Bild mit den größten Größen (Größen="64x64") - Wert für den desktop und die Taskleiste Bild.
    Nicht das größte Bild, das mit den größten Größen Wert.

    Ich habe ein Symbol, dass ist nur eine Unschärfe skaliert 16x16 also wollte ich ein anderes Symbol in dieser Größe.

    InformationsquelleAutor der Antwort tBone77

  4. 0

    Dieser arbeitete für mich: ich habe ein icon 32x32 mit embedded-64x64 und 128x128, und dann fügte Größen="64x64", um html -

    <link  href="favicon.ico" sizes="64x64">

    InformationsquelleAutor der Antwort Juke

Schreibe einen Kommentar