tools / png-to-ico
png-to-ico/
PNG, JPG, WebP oder SVG in ein ICO-Icon umwandeln: Eine .ico-Datei enthält mehrere Größen, geeignet als Website-Favicon oder Windows-Icon, die Transparenz bleibt erhalten. Nichts wird hochgeladen, die Umwandlung läuft in deinem Browser.
Vorschau
Jede Größe wird in ihrer tatsächlichen Pixelgröße gezeigt; das Schachbrettmuster steht für Transparenz.
So wandelst du PNG in ICO um
- Wähle ein Bild aus oder zieh es hinein: PNG, JPG, WebP, SVG, GIF und BMP funktionieren.
- Größen wählen: Für ein Programm-, Verknüpfungs- oder Ordner-Icon nimm „Windows-Icon“, für ein Website-Icon „Website-Favicon“, oder hake die Größen selbst an.
- Prüfe die Vorschau jeder Größe und klicke auf „ICO herunterladen“.
Welche Größen sollte ein ICO enthalten?
Windows-Icons: Microsoft empfiehlt mindestens die Größen 16, 24, 32, 48 und 256. Windows sucht zuerst eine exakt passende Größe; findet es keine, verkleinert es die nächstgrößere. Mit 256 im Icon wird also immer nur verkleinert, nie vergrößert. Für schärfere Icons auf hochauflösenden Displays hake zusätzlich 20, 40 und 64 an.
Website-Favicons: Browser-Tabs verwenden 16 und 32; Google empfiehlt für Favicons in den Suchergebnissen mehr als 48×48, deshalb enthält die Vorgabe zusätzlich 64. Benenne die Datei in favicon.ico um und lege sie ins Stammverzeichnis deiner Website, Browser lesen sie meist automatisch; alternativ kannst du diese Zeile in den head einfügen:
<link rel="icon" href="/favicon.ico">
Am besten startest du mit einem quadratischen Bild von mindestens 256×256. Ein kleines Bild, das auf 256 hochskaliert wird, wirkt unscharf; die Seite warnt dich dann.
Zur erzeugten ICO-Datei
- Größen unter 256 werden als 32-Bit-BMP mit Alphakanal und Maske gespeichert, für beste Kompatibilität (PNG-komprimierte Icons brauchen Windows Vista oder neuer); 256 wird PNG-komprimiert, damit die Datei klein bleibt.
- Transparenz bleibt unverändert erhalten; JPG hat keine Transparenz, daher bleibt der ursprüngliche Hintergrund.
- Nicht quadratische Bilder lassen sich mit transparentem Rand auffüllen oder mittig zu einem Quadrat zuschneiden.
- Dein Bild wird nur in deinem Browser verarbeitet und nie auf einen Server hochgeladen.
Häufige Fragen
Kann ich auch JPG oder SVG in ICO umwandeln?
Ja. SVG ist ein Vektorformat, daher wird jede Größe in ihrer Zielauflösung neu gezeichnet und bleibt auch klein scharf.
Warum sieht 16×16 unscharf aus?
Ein detailreiches Bild ist auf 16 Pixel verkleinert kaum noch zu erkennen. Verwende für kleine Größen eine vereinfachte Grafik: dicke Linien, wenig oder kein Text, starker Kontrast.
Welche Größen enthält jede Vorgabe, und kann ich selbst wählen?
„Windows-Icon“ umfasst 16, 24, 32, 48 und 256, „Website-Favicon“ 16, 32, 48 und 64, „Alle“ alle 10 Größen von 16 bis 256. In der Größenzeile kannst du Größen selbst anhaken; passt deine Auswahl zu keiner Vorgabe, ist keine der Vorgabe-Schaltflächen hervorgehoben. Mindestens eine Größe muss angehakt sein.
Warum ist das ICO so viel größer als mein PNG?
Weil Größen unter 256 als unkomprimierte 32-Bit-Bitmaps gespeichert werden und größere Größen entsprechend mehr Platz brauchen: etwa 17 KB für 64×64 und etwa 66 KB für 128×128. Die Vorgabe „Website-Favicon“ kommt auf insgesamt etwa 31 KB, die Größen 16 bis 48 von „Windows-Icon“ zusammen auf etwa 17 KB, dazu kommt das komprimierte 256er-Bild. Willst du die Datei klein halten, verzichte auf große Größen; allein 16 und 32 ergeben etwa 5 KB.
Wie viele Bilder kann ich gleichzeitig umwandeln, gibt es ein Größenlimit?
Immer nur eins. Ziehst du mehrere Bilder hinein, wird nur das erste verwendet, und die Seite sagt dir, welches. Die Bilddatei darf höchstens 50 MB groß sein, und eine Bitmap darf höchstens 100 Millionen Pixel haben (bei SVG gibt es kein Pixellimit). Alle Größen werden aus diesem einen Bild erzeugt, du kannst also nicht für verschiedene Größen verschiedene Bilder verwenden.
Mein SVG hat nach der Umwandlung falsche Proportionen oder es fehlen Teile. Was sollte ich prüfen?
Prüfe zuerst, ob das SVG width und height oder eine viewBox hat. Mit nur einer viewBox wird deren Seitenverhältnis verwendet; fehlt alles, wird das SVG als 300×150 behandelt, und die Proportionen stimmen nicht. Außerdem werden externe Bilder und Schriften, auf die das SVG verweist, nicht geladen; bette die Bilder in das SVG ein und wandle Text in Pfade um.
Lassen sich HEIC, TIFF oder animierte GIFs in ICO umwandeln?
HEIC und TIFF nicht; du siehst die Meldung „ist kein unterstütztes Bildformat“, wandle sie daher zuerst in PNG oder JPG um. GIF kann gelesen werden, aber nur das erste Bild wird verwendet, und ICO kann ohnehin keine Animation speichern. Lesbare Formate sind PNG, JPG, WebP, SVG, GIF und BMP; AVIF funktioniert, wenn dein Browser es dekodieren kann.
Kann das Tool auch .icns für macOS oder App-Icons für Smartphones erzeugen?
Nein, es erzeugt nur .ico-Dateien, für Windows-Icons und Website-Favicons. .icns-Dateien für macOS sowie App-Icons für iOS und Android nutzen andere Formate und Vorgaben, dafür brauchst du ein passendes Tool.