Welches Favicon-Format empfehlen Sie in einem HTML5-Dokument, und warum? Ich möchte, dass es von IE7 und allen modernen Browsern unterstützt wird.
Muss ich bei der Verwendung von .png auch den Typ angeben (type="image/png")?
Diese Frage hat bereits Antworten:
Antworten
Zu viele Anzeigen?
Um die Kompatibilität mit allen Browsern zu gewährleisten, verwenden Sie .ico .
.png wird jedoch immer mehr unterstützt, da es einfacher ist, es mit mehreren Programmen zu erstellen.
für .ico
<link rel="shortcut icon" href="http://example.com/myicon.ico" />für .png, müssen Sie den Typ angeben
<link rel="icon" type="image/png" href="http://example.com/image.png" />
rudimenter
Punkte
2990
Siehe hier: Browserübergreifendes Favicon
Das ist der richtige Weg:
<link rel="icon" type="image/png" href="http://www.example.com/image.png"><!-- Major Browsers -->
<!--[if IE]><link rel="SHORTCUT ICON" href="http://www.example.com/alternateimage.ico"/><![endif]--><!-- Internet Explorer-->
537mfb
Punkte
1278
Ich weiß, dass dies eine alte Frage ist.
Hier ist eine weitere Option - die Berücksichtigung der verschiedenen Plattformanforderungen - Quelle
<link rel='shortcut icon' type='image/vnd.microsoft.icon' href='http://stackoverflow.com/favicon.ico'> <!-- IE -->
<link rel='apple-touch-icon' type='image/png' href='http://stackoverflow.com/icon.57.png'> <!-- iPhone -->
<link rel='apple-touch-icon' type='image/png' sizes='72x72' href='http://stackoverflow.com/icon.72.png'> <!-- iPad -->
<link rel='apple-touch-icon' type='image/png' sizes='114x114' href='http://stackoverflow.com/icon.114.png'> <!-- iPhone4 -->
<link rel='icon' type='image/png' href='http://stackoverflow.com/icon.114.png'> <!-- Opera Speed Dial, at least 144×114 px -->Dies ist der umfassendste Ansatz, den ich bisher gefunden habe.
Letztlich hängt die Entscheidung von Ihren eigenen Bedürfnissen ab. Fragen Sie sich, wer Ihr Zielpublikum ist?
UPDATE 27. Mai 2018: Wie erwartet, vergeht die Zeit und die Dinge ändern sich. Aber es gibt auch gute Nachrichten. Ich habe ein Tool namens Echter Favicon-Generator die alle erforderlichen Zeilen erzeugt, damit das Symbol auf allen modernen Browsern und Plattformen funktioniert. Die Abwärtskompatibilität wird jedoch nicht berücksichtigt.
