Anleitung
Wählen Sie ein statisches PNG-, JPEG- oder WebP-Bild, das Sie verwenden dürfen. Es wird kein Beispielbild geladen. Nach dem Einlesen erscheinen Dateiname und Abmessungen. Leeren entfernt Quelle und Ausgabe. Die Verarbeitung erfolgt im Browser.
Einpassen erhält alles mit Rand; Füllen schneidet mittig zu. Transparent, Weiß oder Schwarz wählen. Die Vorschau reagiert sofort. Icon-Dateien erstellen erzeugt Dateien und Tags; Änderungen verwerfen alte Downloads.
Ergebnis verstehen
ICO enthält PNG mit 16, 32 und 48 Pixeln. Separate PNGs umfassen diese Größen sowie 180, 192 und 512. Die 180er-Datei heißt apple-touch-icon.png. Alle verwenden dieselben Einstellungen.
Kleine Größen auf Erkennbarkeit prüfen. Vergrößern stellt keine Details wieder her. Transparenter Rand enthält nicht zwingend die dahinter sichtbare Seitenfarbe.
Zwei Beispiele
400 × 200 wird in 32 eingepasst zu 32 × 16 mit je 8 Pixeln Rand oben und unten. Füllen skaliert auf 64 × 32 und entfernt je 16 seitlich. Beide Dateien sind 32 × 32.
256 × 256 benötigt keinen Zuschnitt. Transparent erhält Alpha; Weiß oder Schwarz legt die Farbe darunter. JPEG hat kein Alpha, kann aber transparente Ränder erhalten.
Einbinden
Verwende die Link-Tags aus der heruntergeladenen Datei favicon-tags.html im head deiner Seite.
Favicons können lange im Cache bleiben. Ausgelieferte Datei prüfen und Cache aktualisieren. Kein Manifest, keine App-Installation und keine vollständige Plattformabdeckung.
Welche Grenzen gelten?
PNG, JPEG und WebP bis 10 MiB, 16 Millionen Pixel und 8.192 je Seite. Signatur und Maße werden geprüft. Animationen, SVG, GIF und andere Formate werden abgelehnt. Umbenennen konvertiert nicht.
Warum scheitert das Lesen?
Beschädigte, abgeschnittene oder unpassend kodierte Dateien können scheitern. Als statisches PNG/JPEG exportieren. Eingabeänderungen entfernen alte Downloads.
Funktioniert ICO überall?
PNG liegt in einem Standard-ICO-Verzeichnis. Nicht alle Systeme, ältere Editoren oder Browser sind garantiert kompatibel. Zielumgebungen testen.
Werden Bilder gespeichert?
Kein Konto oder Cloud-Speicher. Original behalten; kleine Icons ersetzen keine bearbeitbare Grafik.