Bild-Werkzeug / 21
Favicon-Konverter
Verwandle ein Bild in ein komplettes Favicon-Paket — alle PNG-Größen, eine mehrauflösende favicon.ico und ein site.webmanifest — als eine einzige zip.
Favicon-Konverter: TOEA rendert dein Bild in 16, 32, 180, 192 und 512 Pixeln, packt die beiden kleinen Größen in eine favicon.ico mit mehreren Auflösungen, schreibt ein passendes site.webmanifest und fasst alle sieben Dateien in einem zip zusammen. Läuft zu 100% lokal in deinem Browser, ohne Datei-Uploads zum Server.
- Kategorie
- Bildwerkzeuge
- Ausführungen
- In deinem Browser
- Kosten
- Kostenlos · ohne Anmeldung
- Verfügbarkeit
- Einsatzbereit
Läuft vollständig in deinem Browser
PNG, JPG, WebP oder SVG · 1024 × 1024 oder größer funktioniert am besten
Die ICO-Datei im Stammverzeichnis behalten
Browser fordern /favicon.ico aus dem Stammverzeichnis einer Website an, selbst wenn keine Seite darauf verweist. Auch einige Feedreader, Lesezeichenwerkzeuge und Crawler suchen nirgendwo sonst. Bewahre die ICO-Datei daher im Stammverzeichnis und nicht in einem Bilderordner auf. Wenn der Kopfbereich der Seite auf Symbole verweist, verwenden Browser diese Verweise zuerst. So können PNG-Dateien moderne Browser bedienen, während die ICO-Datei alle anderen abdeckt. Siehe die MDN-Dokumentation zu Icons.
Das Manifest anpassen
Das erzeugte site.webmanifest verwendet den Namen der Website sowohl für name als auch für short_name. Der Kurzname ist die Beschriftung unter einem Symbol auf dem Startbildschirm. Dort passen etwa 12 Zeichen hinein, bevor der Text abgeschnitten wird. Kürze ihn daher, wenn der Name lang ist. Die Symbole sind ohne "purpose": "maskable" aufgeführt, daher zeigt Android sie möglicherweise verkleinert in einem weißen Kreis. Um die Form des Launchers auszufüllen, füge ein separates maskierbares Symbol hinzu, dessen wichtiger Inhalt innerhalb des zentralen Kreises liegt, also innerhalb von 80 % der Breite.
So benutzt du es
- Wähle ein quadratisches Bild, ideal 512 × 512 oder größer.
- Lege den Seitennamen und die vom Manifest verwendete Theme-Farbe fest.
- Paket erstellen und die zip herunterladen.
Datenschutz & Einschränkungen
Das Bild verlässt deinen Browser nie: Alle Größen, der ICO-Container und das zip werden auf deinem Gerät erstellt. Transparente Quellbilder bleiben transparent.
Ähnliche Tools
Häufige Fragen
Was ist im zip?
favicon.ico, favicon-16x16.png, favicon-32x32.png, apple-touch-icon.png, android-chrome-192x192.png, android-chrome-512x512.png und site.webmanifest — derselbe Satz, den Favicon-Generatoren üblicherweise erzeugen.
Enthält die favicon.ico mehr als eine Größe?
Ja. Sie enthält sowohl ein 16 × 16 als auch ein 32 × 32 Bild, als PNG-Einträge gespeichert, damit der Alphakanal erhalten bleibt.
Wohin kommen die Dateien?
Entpacke sie ins Stammverzeichnis deiner Website, verlinke dann favicon-32x32.png, favicon-16x16.png und apple-touch-icon.png im HTML-Head und richte den Manifest-Link auf site.webmanifest.
Warum sieht mein Icon nach dem Hochladen immer noch falsch aus?
Browser cachen Favicons aggressiv und getrennt von gewöhnlichen Dateien. Öffne die PNG-URL direkt oder prüfe in einem privaten Fenster, um sicherzugehen, dass die neue Datei ausgeliefert wird.
Kostenloses Tool · läuft in deinem browser · kein Konto nötig