So wandeln Sie PNG in ICO um
- Legen Sie ein einzelnes Bild im Upload-Bereich ab. PNG eignet sich am besten, aber JPG, WebP und andere Bildformate werden ebenfalls akzeptiert.
- Wählen Sie die Symbolgrößen:
- 16, 32, 48 px (Favicon) – der Standardsatz für die
favicon.icoeiner Website. - 16–256 px (Windows-Symbol) – ergänzt Versionen mit 64, 128 und 256 px für Desktop-Verknüpfungen und Anwendungen.
- 16, 32, 48 px (Favicon) – der Standardsatz für die
- Klicken Sie auf .ico erstellen und laden Sie die Symboldatei herunter.
Das Symbol wird in Ihrem Browser erzeugt; Ihr Bild wird nie hochgeladen oder gespeichert.
Was ist eine ICO-Datei?
ICO ist das Symbolformat von Windows und des ursprünglichen Favicon-Standards der Browser. Anders als eine PNG-Datei ist eine einzelne .ico-Datei ein Container, der mehrere Bilder in verschiedenen Größen enthält. Das Betriebssystem oder der Browser wählt für jede Situation die passendste Größe: 16 px für einen Browser-Tab, 32 px für die Taskleiste oder ein Lesezeichen, 48 px für Desktop-Symbole und bis zu 256 px für große Symbolansichten.
Dieser Konverter speichert jede Größe als PNG-komprimiertes Bild in der ICO-Datei. PNG-komprimierte Symbole behalten die volle Transparenz, sind viel kleiner als unkomprimierte Bitmaps und werden von allen aktuellen Browsern sowie von Windows seit Windows Vista unterstützt.
| Größe | Wo sie verwendet wird |
|---|---|
| 16 × 16 | Browser-Tabs, Adressleiste, Lesezeichen |
| 32 × 32 | Verknüpfungen in der Taskleiste, Browser-Tabs auf Bildschirmen mit hoher Pixeldichte |
| 48 × 48 | Windows-Desktop und Website-Verknüpfungen |
| 64–256 | Große Symbolansichten und hochauflösende Displays unter Windows |
Das Favicon in Ihre Website einbinden
Laden Sie favicon.ico in das Stammverzeichnis Ihrer Website hoch. Browser suchen automatisch nach /favicon.ico, es ist aber gute Praxis, die Datei im <head> Ihrer Seiten ausdrücklich anzugeben:
<link rel="icon" href="/favicon.ico" sizes="any">Viele Websites stellen zusätzlich ein PNG mit 180 × 180 px als apple-touch-icon für den Home-Bildschirm von iPhone und iPad bereit. Eines erstellen Sie mit Bildgröße ändern.
Tipps für ein scharfes Symbol
- Beginnen Sie mit einem quadratischen Bild von mindestens 256 × 256 px, idealerweise 512 px. Nicht quadratische Bilder passen schlecht in das quadratische Symbolformat.
- Halten Sie es einfach. Bei 16 × 16 px verschwinden feine Details und kleiner Text. Ein markantes Symbol oder ein einzelner Buchstabe wirkt am besten.
- Verwenden Sie einen transparenten Hintergrund (PNG), damit sich das Symbol in helle und dunkle Browser-Designs einfügt.
- Sie haben ein Vektorlogo? Rendern Sie es zuerst in großer Größe mit SVG in PNG und wandeln Sie es dann hier um.
Häufig gestellte Fragen
Welche Symbolgrößen sollte ich für eine Website wählen?
Der Satz mit 16, 32 und 48 px deckt Browser-Tabs, Lesezeichen und Verknüpfungen ab und hält die Datei klein. Wählen Sie den Satz mit 16–256 px für Windows-Anwendungs- oder Desktop-Symbole.
Kann ich ein JPG in ICO umwandeln?
Ja. Jedes Bild, das Ihr Browser öffnen kann, lässt sich verwenden, aber JPG hat keine Transparenz, daher bekommt das Symbol einen einfarbigen Hintergrund.
Reicht ein PNG-Favicon allein aus?
Moderne Browser akzeptieren PNG- und SVG-Favicons, aber eine ICO-Datei im Stammverzeichnis bleibt die kompatibelste Rückfalllösung für ältere Browser und Tools, die /favicon.ico direkt anfordern.
Aktualisiert