ONLINE MARKETING

Was ist die Favicon-Größe?

Favicon-Größe: Die optimale Größe zum Erstellen eines Favicons beträgt 16×16 Pixel, das ist die Größe, in der sie am häufigsten angezeigt werden. Allerdings können sie manchmal auch in größeren Abmessungen (z. B. 32×32 Pixel) erscheinen.

Eine (meistens) vollständige Liste aller bekannten bevorzugten Symbolgrößen

 

Nachfolgend finden Sie eine zusammengestellte Liste der derzeit bekannten Lieblingssymbolgrößen. Diese Liste basiert auf dem Favoritensymbol-Spickzettel. Bei den ausgegrauten Symbolen handelt es sich um ehemalige Legacy-Favicons, die weiterhin verwendet werden können, aber nicht mehr unterstützt werden. Aufgrund ihres Alters wurden diese aus dem Favicons-Projekt entfernt.

Zusätzliche Favicon-Größen:

Größe: 32 × 32
Name: favicon-32.png
Zweck: Standard für die meisten Desktop-Browser

Größe: 128 × 128
Name: favicon-128.png
Zweck: Chrome Web Store-Symbol und kleines Windows 8-Sternbildschirmsymbol*

Größe: 152 × 152
Name: favicon-152.png
Zweck: iPad-Touch-Symbol (Änderung für iOS 7: von 144 x 144)

Größe: 167 × 167
Name: favicon-167.png
Zweck: iPad Retina Touch-Symbol (Änderung für iOS 10: höher als 152×152, nicht in Aktion. iOS 10 verwendet 152×152)

Größe: 180 × 180
Name: favicon-180.png
Zweck: iPhone Retina

Größe: 192 × 192
Name: favicon-192.png
Zweck: Google Developer Web App Manifest-Empfehlung

Größe: 196 × 196
Name: favicon-196.png
Zweck: Chrome für Android-Startbildschirmsymbol

Größe: 57 × 57
Name: favicon-57.png
Zweck: Standard-iOS-Startbildschirm (iPod Touch, iPhone der ersten Generation bis 3G)

Größe: 76 × 76
Name: favicon-76.png
Zweck: iPad-Startbildschirmsymbol

Größe: 96 × 96
Name: favicon-96.png
Zweck: GoogleTV-Symbol

Größe: 120 × 120
Name: favicon-120.png
Zweck: iPhone-Retina-Touch-Symbol (Änderung für iOS 7: von 114 x 114)

Größe: 144 × 144
Name: favicon-144.png
Zweck: IE10 Metro-Kachel für angeheftete Site*

Größe: 195 × 195
Name: favicon-195.png
Zweck: Opera-Kurzwahlsymbol

Größe: 228 × 228
Name: favicon-228.png
Zweck: Opera Coast-Symbol

 

Weitere Links:

Wie erstelle ich ein Favicon?