Anleitung

Favicon-Größen erklärt

Browser, Betriebssysteme und Installationsdialoge fordern jeweils unterschiedliche Favicon-Auflösungen an. Dieser Leitfaden ordnet jede gängige Größe ihrer Einsatzfläche zu – so wissen Sie genau, was Sie aus einem Quellbild generieren müssen.

16×16 und 32×32 versorgen Browser-Tabs und Lesezeichen auf Standard- und Retina-Displays. Sie gehören in die favicon.ico und optional als eigenständige PNGs.

48×48 und 64×64 decken den Windows-Explorer, Taskleisten-Pins und einige Suchausschnitte ab.

128×128 und 256×256 werden in Mehrgrößen-.ico-Dateien und in der hochauflösenden Windows-Oberfläche verwendet.

180×180 ist das apple-touch-icon für den iOS-Homescreen. 192×192 und 512×512 sind Pflicht für Android- und Chromium-PWA-Installationsdialoge.

So funktioniert es

  1. 1

    Quadratische Vorlage wählen

    512×512-PNG oder SVG mit quadratischer viewBox.

  2. 2

    Vollständiges Set exportieren

    Nutzen Sie unseren Favicon-Generator für .ico, apple-touch-icon und Manifest-PNGs.

  3. 3

    Jede Größe verlinken

    Übernehmen Sie die kopierbereiten <link>-Tags aus dem Paket-README oder dem HTML-Generator-Leitfaden.

Jetzt ausprobieren

Alle Favicon-Größen auf einmal erzeugen

Favicon-Generator

FAQ

Wie viele Favicon-Größen brauche ich wirklich?+

Minimum: Mehrgrößen-.ico (16/32/48) + 180er apple-touch-icon. Empfohlen: zusätzlich 192 und 512 für PWA.

Funktioniert ein einzelnes Bild für alle Größen?+

Ja – starten Sie mit 512×512 oder SVG und exportieren Sie alle Größen automatisiert. Ein kleines Logo niemals hochskalieren.

Welche Größe ist für SEO am wichtigsten?+

Google verwendet in der Suche mindestens 48×48. Liefern Sie 48 px in Ihrer .ico-Datei und als eigenständiges PNG aus.

Verwandte Tools

Weitere Anleitungen

Anleitungen

FetchFavicon entdecken

Kategorien

Konverter

Hilfsprogramme

Leitfäden

Anleitungen