Favicon Generator
Machen Sie aus einem Bild alle Icons, die Ihre Website braucht: eine favicon.ico mit mehreren Größen, PNG-Favicons, das Apple-Touch-Icon, Android/Chrome-Icons und ein Web-Manifest — gebündelt als ZIP-Download, mit fertigem HTML zum Einfügen. Alles läuft in Ihrem Browser, Ihre Grafik wird also niemals hochgeladen.
Anleitung: Favicon generieren
- Fügen Sie oben Ihr Logo oder Ihre Grafik hinzu — ein quadratisches PNG oder SVG funktioniert am besten.
- Wählen Sie, wie nicht quadratische Bilder quadratisch gemacht werden, und legen Sie eine Hintergrundfarbe fest; prüfen Sie dann die Vorschau für 16, 32 und 48 Pixel.
- Laden Sie das ZIP herunter, legen Sie die Dateien im Stammverzeichnis Ihrer Website ab und fügen Sie das HTML-Snippet in Ihren <head> ein.
Über Favicons
Ein Favicon ist das kleine Symbol, das Browser in Tabs, Lesezeichen, im Verlauf und in Suchergebnissen anzeigen. Moderne Websites brauchen es in mehreren Größen und Formaten: eine klassische .ico für Tabs und ältere Browser, PNGs für hochauflösende Displays, ein Apple-Touch-Icon mit 180×180 für den iOS-Home-Bildschirm sowie 192/512-Pixel-Icons, die das Web-Manifest für Android und PWA-Installationen referenziert.
Dieser Generator schreibt die .ico als echtes Multi-Size-Icon (16, 32 und 48 Pixel in einer Datei, für maximale Kompatibilität als klassische BMP-Einträge gespeichert) und verkleinert Ihr Bild in qualitätsschonenden Schritten, damit es selbst bei 16 Pixeln scharf bleibt. Die enthaltene site.webmanifest und das HTML-Snippet folgen genau den Dateinamen, die jeder Browser und Crawler erwartet.
Häufige Fragen
Welche Dateien enthält das Paket?
Eine favicon.ico mit den Größen 16, 32 und 48 Pixel darin, favicon-16x16.png und favicon-32x32.png, apple-touch-icon.png (180×180), android-chrome-Icons in 192×192 und 512×512 sowie eine site.webmanifest — plus ein HTML-Snippet zum Kopieren, das alle Dateien einbindet.
Welches Ausgangsbild eignet sich am besten?
Ein quadratisches Bild mit mindestens 512×512 Pixeln liefert die besten Ergebnisse. Ist Ihr Bild nicht quadratisch, können Sie es entweder quadratisch zuschneiden oder mit Rand einpassen — die Live-Vorschauen zeigen genau, wie 16, 32 und 48 Pixel aussehen werden.
Warum ist das Apple-Touch-Icon nicht transparent?
iOS stellt transparente Bereiche schwarz dar, deshalb wird das Apple-Touch-Icon auf die von Ihnen gewählte Hintergrundfarbe gelegt. Alle anderen Icons behalten die Transparenz Ihres Bildes.
Wird mein Bild hochgeladen?
Nein. Die Icons werden vollständig in Ihrem Browser skaliert, in den .ico-Container gepackt und gezippt; Ihr Bild verlässt niemals Ihr Gerät.