einbinden - favicon html5



Muss ein Favicon 32x32 oder 16x16 sein? (6)

Das Favicon muss nicht 16x16 oder 32x32 sein. Sie können ein Favicon erstellen, das 80x80 oder 100x100 ist, stellen Sie einfach sicher, dass beide Werte die gleiche Größe haben, und offensichtlich machen Sie es nicht zu groß oder zu klein, wählen Sie eine angemessene Größe.

Ich möchte ein einzelnes Bild sowohl als reguläres Favicon als auch als iPhone / iPad-freundliches Favicon verwenden.

Ist das möglich? Wäre eine iPad-freundliche 72x72 PNG-Skalierung mit einem normalen Browser-Favicon verbunden? Oder muss ich ein separates 16x16 oder 32x32 Bild verwenden?


Answer #1

Für IE empfiehlt Microsoft 16 x 16, 32 x 32 und 48 x 48 in der Favicon.ico-Datei gepackt .

Für iOS empfiehlt Apple bestimmte Dateinamen und Auflösungen , höchstens 180 x 180 für die neuesten Geräte mit iOS 8.

Android Chrome verwendet hauptsächlich ein Manifest und stützt sich außerdem auf das Apple Touch-Symbol.

IE 10 unter Windows 8.0 benötigt PNG-Bilder und eine Hintergrundfarbe und IE 11 unter Windows 8.1 und 10 akzeptiert mehrere PNG-Bilder, die in einer dedizierten XML-Datei namens browserconfig.xml deklariert sind .

Safari für Mac OS X El Capitan führt ein SVG-Icon für gepinnte Tabs ein .

Einige andere Plattformen suchen nach PNG-Dateien mit verschiedenen Auflösungen, wie dem 96x96-Bild für Google TV oder dem 228x228-Bild für Opera Coast .

Schau dir diese Favicon Bilder Liste für eine komplette Referenz an.

TLDR: Dieser Favicon-Generator kann alle diese Dateien gleichzeitig erzeugen. Der Generator kann auch als WordPress-Plugin implementiert werden. Vollständige Offenlegung: Ich bin der Autor dieser Website.


Answer #2

Ich sehe keine aktuellen Informationen hier, also hier:

Um diese Frage jetzt zu beantworten, werden 2 Favicons es nicht tun, wenn Sie möchten, dass Ihr Icon überall gut aussieht. Sehen Sie die Größen unten:

16 x 16 - Standardgröße für Browser
24 x 24 - IE9 pinned Site-Größe für die Benutzeroberfläche
32 x 32 - IE neue Registerkarte, Windows 7 + Taskleiste, Safari Reading List Seitenleiste
48 x 48 - Windows-Website
57 x 57 - iPod touch, iPhone bis 3G
60 x 60 - iPhone Touch bis zu iOS7
64 x 64 - Windows-Site, Safari Reader Liste Seitenleiste in HiDPI / Retina
70 x 70 - Gewinn 8,1 Metrofliese
72 x 72 - iPad Touch bis zu iOS6
76 x 76 - iOS7
96 x 96 - GoogleTV
114 x 114 - iPhone Retina Touch bis zu iOS6
120 x 120 - iPhone Retina Touch iOS7
128 x 128 - Chrome Web Store-App, Android
144 x 144 - IE10 Metro-Kachel für gepinnte Website, iPad Retina bis zu iOS6
150 x 150 - Win 8.1 Metro-Fliese
152 x 152 - iPad Retina Touch iOS7
196 x 196 - Android Chrome
310 x 150 - Gewinn 8,1 breite Metrofliese
310 x 310 - Win 8.1 Metro-Fliese

Von here .




Answer #5

Um Ihr Favicon in allen Browsern richtig zu nutzen, müssen Sie mehr als 10 Dateien in den richtigen Größen und Formaten hinzufügen.

Mein Freund und ich haben nur dafür eine App erstellt! Sie können es in faviconit.com finden

Wir haben das gemacht, also müssen die Leute nicht all diese Bilder und die richtigen Tags von Hand erstellen, sie alle erschaffen, um mich zu nerven!

Hoffe es hilft dir!