Das beste Favicon-Format 2026
Das eine perfekte Favicon-Format gibt es nicht – wohl aber das perfekte Setup. Moderne Websites liefern ein Mehrgrößen-.ico für ältere Browser, ein PNG für scharfe High-DPI-Darstellung und ein SVG als verlustfrei skalierbares Icon aus.
Favicons auf jeder Website prüfen
Installieren Sie die FetchFavicon Chrome-Erweiterung, um Favicons sofort zu extrahieren, vorzuschauen und zu validieren.
ICO ist das ursprüngliche Favicon-Container-Format. Eine einzelne .ico-Datei kann mehrere Auflösungen bündeln (16, 32, 48, 64, 128, 256) – der Browser wählt automatisch die passende Variante. Jeder Desktop-Browser unterstützt ICO.
PNG liefert bei korrekter Größenangabe pixelgenaue Darstellung auf jeder Bildschirmdichte. Binden Sie es ergänzend zum .ico über <link rel="icon" type="image/png" sizes="..."> ein.
SVG ist das leichteste Format, skaliert stufenlos und unterstützt Dark-Mode-Media-Queries direkt in der Datei. Chrome, Edge, Firefox und Safari (ab 15) unterstützen SVG-Favicons.
So funktioniert es
- 1
Quadratische Vorlage wählen
Verwenden Sie ein 512×512+-PNG oder ein SVG mit quadratischer viewBox.
- 2
Mehrgrößen-.ico erzeugen
Bündeln Sie 16, 32, 48 und 64 px in einer einzigen .ico-Datei.
- 3
Moderne Varianten ergänzen
Exportieren Sie ein PNG (180×180 für apple-touch-icon) und ein SVG, dann beide im <head> verlinken.
Jetzt ausprobieren
Perfektes Favicon-Set erstellen
Favicon-GeneratorFAQ
Brauche ich favicon.ico 2026 noch?+
Ja. Browser rufen /favicon.ico weiterhin automatisch ab, wenn keine <link>-Tags vorhanden sind. Auch Windows-Verknüpfungen benötigen das Format.
Kann ich ausschließlich ein SVG-Favicon verwenden?+
Nicht zuverlässig. Ältere Browser und manche Social-Media-Crawler ignorieren SVG. Kombinieren Sie es immer mit .ico- oder PNG-Fallbacks.
Was ist das minimale Favicon-Setup?+
Eine Mehrgrößen-favicon.ico unter /favicon.ico – das genügt. Alles Weitere ist Optimierung.