Deutsch
العربية
English
Español
Français
Italiano
Português
Русский
Türkçe
Tiếng Việt
PNG-zu-ICO-Konverter
Erstelle aus einer PNG-Grafik ein passendes Multi-Resolution-ICO für deine Website.
Jede Website benötigt ein Favicon, und der bewährte Standard bleibt eine favicon.ico im Hauptverzeichnis. Das ICO-Format ist weit mehr als eine umbenannte Bilddatei: Es dient als Container für mehrere Bildgrößen gleichzeitig, sodass Browser für Tabs, Lesezeichenleisten oder Desktop-Verknüpfungen stets die optimale Auflösung auswählen.
Vorteile des ICO-Formats gegenüber reinem PNG
Moderne Webbrowser unterstützen PNG-Favicons über ein deklariertes <link>-Tag problemlos. Dennoch fragen Browser standardmäßig automatisch nach der Datei /favicon.ico im Stammverzeichnis, selbst wenn kein entsprechendes Markup existiert. Ältere Systeme akzeptieren zudem oft nur das ICO-Format. Wer beide Varianten bereitstellt, deckt sämtliche Szenarien mit einer winzigen Datei sauber ab.
Ein weiterer Vorzug liegt in den gebündelten Auflösungen: Ein Icon in 16 × 16 Pixeln, das für diese Dimensionen vorbereitet wurde, wirkt deutlich schärfer, als wenn der Browser ein Logo von 512 px eigenhändig herunterskaliert.
Schritte zur ICO-Erstellung aus einem PNG
- Verwende als Ausgangspunkt ein quadratisches PNG, idealerweise mit 256 × 256 Pixeln.
- Lade deine Bilddatei über das vorgesehene Upload-Feld hoch.
- Wähle die gewünschten Auflösungen aus – die Werte 16, 32 und 48 decken die wichtigsten Zwecke ab.
- Klicke auf die Schaltfläche zum Konvertieren und lade die fertige
.ico-Datei herunter. - Benenne die Datei bei Bedarf in
favicon.icoum und lege sie im Root-Verzeichnis deines Webservers ab.
Tipps für gut erkennbare kleine Icons
- Halte das Motiv simpel: Komplexe Details oder filigrane Schriftzüge verschwimmen bei 16 Pixeln Kantenlänge.
- Setze auf ein einzelnes, markantes Symbol oder einen prägnanten Anfangsbuchstaben anstelle einer Wortmarke.
- Achte auf ausreichenden Kontrast, damit das Icon sowohl in hellen als auch in dunklen Browser-Themes klar sichtbar bleibt.
- Begutachte das Ergebnis stets in Originalgröße, da vergrößerte Ansichten die Lesbarkeit im Tab verfälschen.
- Plane etwas Randabstand zur Kante ein, damit das Symbol innerhalb des Browsertabs nicht gequetscht wirkt.
Richtige Platzierung der Datei auf dem Server
Platziere das Icon direkt im Root-Ordner deiner Domain, sodass es unter https://deinedomain.de/favicon.ico abrufbar ist. Da Webbrowser Favicons ungewöhnlich hartnäckig zwischenspeichern, empfiehlt sich nach einem Austausch ein vollständiges Neuladen der Seite ohne Cache.
Häufige Fragen zu PNG und ICO
Welche Abmessungen gehören zwingend in eine ICO-Datei?
Empfehlenswert sind 16 × 16 Pixel für Tabs, 32 × 32 für Lesezeichenleisten sowie hochauflösende Bildschirme und 48 × 48 für Verknüpfungen unter Windows. Die Kombination dieser drei Größen deckt die gängigen Anforderungen ab.
Wird eine klassische favicon.ico im Jahr 2026 noch gebraucht?
Ja, sie dient als zuverlässige Rückfallebene. Viele Browser senden bei jedem Seitenaufruf eine Anfrage an das Root-Verzeichnis. Eine vorhandene Datei verhindert 404-Fehler in deinen Server-Logs und ergänzt moderne Link-Tags für PNGs und Apple-Touch-Icons.
Bleibt die Transparenz der Vorlage bei der Umwandlung erhalten?
Ja. Das ICO-Format unterstützt transparente Bereiche vollständig. Sofern dein Ausgangs-PNG einen transparenten Hintergrund besitzt, bleibt dieser im resultierenden Favicon erhalten.
Warum sehe ich mein neu hochgeladenes Favicon nicht sofort?
Browser halten Favicons sehr lange im lokalen Zwischenspeicher. Lade die Seite mit erzwungener Cache-Umgehung neu, öffne die Bild-URL direkt oder leere den Cache deines CDN-Anbieters.
Muss das Ausgangsbild zwingend quadratisch sein?
Ein quadratisches Format ist dringend anzuraten. Bei abweichenden Seitenverhältnissen wird die Grafik verzerrt oder ungleichmäßig eingepasst, was zu sichtbaren Qualitätsverlusten führt.
