Welche Dateien sind im Favicon-Set enthalten?

favicon.ico (Multi-Resolution 16/32/48), favicon-16x16.png, favicon-32x32.png, apple-touch-icon.png (180x180), android-chrome-192x192.png, android-chrome-512x512.png, site.webmanifest und ein fertiger HTML-Einbindungs-Snippet.

Welches Bildformat soll ich als Quelle hochladen?

Idealerweise eine quadratische PNG- oder SVG-Datei mit mindestens 512×512 Pixeln. Quadratisch ist wichtig, weil alle Favicon-Größen quadratisch sind. SVG liefert das beste Ergebnis, weil verlustfrei skalierbar.

Was ist eine favicon.ico und warum brauche ich sie zusätzlich zu PNG?

favicon.ico ist das alte Multi-Resolution-Format und wird von älteren Browsern und IE/Edge in Legacy-Modi noch erwartet. Moderne Browser lesen vorrangig die PNG-Varianten, fallen aber bei Fehlen auf favicon.ico zurück. Beides bereitzustellen, deckt alle Plattformen ab.

Wie binde ich das Favicon-Set in mein HTML ein?

Der Generator gibt einen fertigen Snippet mit allen link-rel-Tags aus. Diesen kopierst du in den deiner Seite und legst die Dateien ins Web-Root. Pfade gegebenenfalls anpassen, falls Favicons in einem Unterordner liegen.

Favicon-Generator

Erzeuge aus einem einzigen Bild ein komplettes Favicon-Set: favicon.ico (16/32/48), PNGs in allen gängigen Größen, apple-touch-icon, das site.webmanifest und den HTML-Einbindungs-Snippet. Alles läuft lokal in deinem Browser; Download als ZIP. Dein Bild wird nicht hochgeladen.

Was ist im Favicon-Set enthalten?

favicon.ico (Multi-Resolution 16/32/48), favicon-16x16.png, favicon-32x32.png, apple-touch-icon.png (180×180), android-chrome-192x192.png, android-chrome-512x512.png, site.webmanifest und ein fertiger HTML-Einbindungs-Snippet — alles in einem ZIP.

Favicon-Set in vier Schritten

Bild hochladen — quadratisch, mindestens 512×512 Pixel, als PNG oder SVG.
Vorschau prüfen — Browser-Tab, Apple-Touch, Android-Chrome, PWA-Splash.
ZIP herunterladen — alle Dateien und HTML-Snippet bundle.
Im HTML einbinden — Snippet in den <head>, Dateien ins Web-Root.

Warum brauche ich favicon.ico zusätzlich zu PNG?

favicon.ico ist das alte Multi-Resolution-Format, das ältere Browser und IE/Edge in Legacy-Modi noch erwarten. Moderne Browser lesen vorrangig die PNG-Varianten, fallen aber bei Fehlen auf favicon.ico zurück. Beides bereitzustellen, deckt alle Plattformen ab.

Was ist die site.webmanifest?

Die site.webmanifest beschreibt deine Site für PWA-Funktionen (Add-to-Home-Screen, Splash-Screen) und liefert Android-Chrome die hochauflösenden 192/512-Icons. Ohne sie sieht ein installiertes Web-App-Icon auf Android unscharf aus.

Häufige Fragen

Wird mein Bild hochgeladen?

Nein. Skalierung, ICO-Generierung und ZIP-Verpackung laufen vollständig im Browser.

Welche Quellgröße liefert das beste Ergebnis?

Quadratisch, mindestens 512×512 Pixel. SVG ist optimal, weil verlustfrei skalierbar.

Weitere Tools: Passwörter, SSH-Keys, QR-Codes, Bildformate.

Die App benötigt JavaScript. Bitte aktiviere es.