So wandelst du PNG in ICO um
Größen wählen
16, 32 und 48 Pixel für ein Favicon; nimm 256 dazu für ein Windows-Icon.
Bild hinzufügen
Am besten eignet sich ein quadratisches PNG mit transparentem Hintergrund. Andere Formen werden eingepasst oder quadratisch zugeschnitten.
ICO herunterladen
Eine .ico-Datei pro Bild, sofort einsatzbereit.
Auf deinem Gerät erstellt
Dein eigener Browser baut das Icon: Das Bild wird lokal verkleinert und in die ICO-Datei gepackt. Nichts wird hochgeladen, und Fotodaten wie der Standort landen nie im Icon.
So verwendest du die ICO-Datei
Eine ICO-Datei ist ein kleiner Container, der dasselbe Icon in mehreren Größen enthält, damit jede Stelle, die es anzeigt, das schärfste wählen kann. Browser nutzen es als Favicon in Tabs und Lesezeichen, Windows für Programme, Verknüpfungen und Ordner.
Ein Favicon in deine Website einbauen
Nenne die Datei favicon.ico und lege sie in den Hauptordner deiner Website – Browser suchen dort automatisch danach. Du kannst sie auch im Head deiner Seiten angeben:
<link rel="icon" href="/favicon.ico" sizes="any">
| Größe | Wo sie verwendet wird |
|---|---|
| 16 px | Browser-Tabs und Lesezeichen |
| 32 px | Tabs auf hochauflösenden Bildschirmen, Taskleiste |
| 48 px | Windows-Verknüpfungen und Ordner |
| 256 px | Große Windows-Desktopsymbole |
Du hast ein SVG-Logo? Mach daraus zuerst ein PNG mit SVG in PNG. Um ein Bild vorher kleiner zu machen, ändere die Bildgröße.
Häufige Fragen
Welche Größen braucht ein Favicon?
Browser zeigen Favicons mit 16 und 32 Pixeln, Windows nutzt 48 für Verknüpfungen. Ein ICO mit 16, 32 und 48 deckt alles ab. Smartphones bevorzugen ein eigenes PNG-Icon mit 180 oder 192 Pixeln.
Bleibt die Transparenz erhalten?
Ja. Jede Größe wird als PNG im Icon gespeichert, mit voller Transparenz.
Was, wenn mein Bild nicht quadratisch ist?
Wähle „Einpassen, mit transparenten Rändern“, um das ganze Bild zu behalten, oder „Quadratisch zuschneiden“, um den mittleren Teil zu nehmen.
Wird ein kleines Bild unscharf?
Ein Icon braucht genau die gewählten Größen, deshalb wird ein kleines Bild für die größeren hochskaliert. Starte am besten mit einem Bild, das mindestens so groß ist wie die größte Größe – 256 Pixel für Windows-Icons.
Geht das auch mit JPG-Fotos?
Ja, jedes Bild funktioniert. JPG hat keine Transparenz, der Hintergrund eines Fotos bleibt also, wie er ist.
Werden meine Bilder hochgeladen?
Nein. Alles passiert in deinem Browser.