PNG in ICO umwandeln
Wandeln Sie ein quadratisches PNG in eine .ico-Datei um, die mehrere Symbolgrößen zugleich enthält: von 16 px für den Browser-Tab bis 256 px für Windows. Transparente Ecken und Ränder bleiben transparent.
Bild-Konverter
oder JPG, JPEG, JPE …-Dateien hierher ziehen ·
Max. 95 MB pro Datei· Bis zu 20 Dateien· Gelöscht nach 30 Minuten
Dateien werden auf unseren Servern verarbeitet und nach 30 Minuten gelöscht.
85 hält Fotos optisch identisch mit dem Original. Senken Sie den Wert nur, wenn Sie eine kleinere Datei brauchen.
JPG, BMP und EPS unterstützen keine Transparenz. Transparente Pixel werden mit dieser Farbe gefüllt.
Hex-Farbe hinter transparenten Pixeln, z. B. #FFFFFF.
Dieses Format enthält nur ein einzelnes Bild. Wählen Sie GIF oder WebP als Ausgabe, wenn die Animation erhalten bleiben soll.
Ein Symbol mit mehreren Größen enthält mehrere Auflösungen in einer Datei; Browser und Betriebssysteme wählen die passende.
Die ursprünglichen Abmessungen beibehalten oder eine Seite eingeben; das Seitenverhältnis bleibt erhalten.
Pixel für die oben gewählte Seite.
Prozentsatz der ursprünglichen Abmessungen.
sRGB passt für Bildschirme und das Web. Behalten Sie das Original für Druck-Workflows; Graustufen verwerfen die Farbe.
Nur Metadaten, 0 behält den ursprünglichen Wert. Drucker und einige Portale lesen diese Zahl; die Pixelmaße ändern sich dadurch nicht.
So verwenden Sie dieses Tool
- 1
Quadratisches PNG hochladen
Verwenden Sie eine Grafik mit mindestens 256 × 256 px und transparentem Hintergrund. Bis zu 20 PNGs pro Stapel, jeweils 95 MB.
- 2
Symbolgrößen auswählen
Icon-Größen steht zunächst auf Alle Größen (16–256), der üblichen Wahl. Wählen Sie unter Erweiterte Einstellungen nur dann eine einzelne Größe, wenn ein Programm genau diese verlangt.
- 3
Umwandeln und die .ico-Datei verwenden
Klicken Sie auf In ICO umwandeln, laden Sie die Datei herunter und legen Sie sie im Stammverzeichnis Ihrer Website ab oder verweisen Sie mit einer Windows-Verknüpfung darauf. Hochgeladene Dateien werden nach 30 Minuten gelöscht.
Eine ICO ist ein kleiner Container aus Icon-Bildern und kein einzelnes Bild: Eine Datei kann Versionen mit 16, 32, 48 und 256 px enthalten, und das System wählt die passende aus.
PNG in ICO umwandeln – mehrere Größen in einer Datei
Das ICO-Format stammt aus Windows 1.0 von 1985, als Icons winzige Bitmaps waren. Sein Kniff ist das Verzeichnis am Dateianfang, das jedes enthaltene Bild mit Breite und Höhe auflistet. Windows Vista (2007) erlaubte es, diese Bilder als PNG zu speichern, sodass ein 256 × 256 großes Icon mit weicher Transparenz in eine Datei passt, die sich sofort laden lässt.
Bei der Umwandlung eines PNG wird dieser Container hier für Sie erstellt. Die Vorlage wird auf jede Größe skaliert, der Alphakanal bleibt erhalten, damit abgerundete Ecken und weiche Schatten auf dunklem und hellem Hintergrund richtig aussehen, und alles wird in eine einzige .ico geschrieben. Beginnen Sie mit einer Grafik ab 256 px; ein auf 256 hochskaliertes PNG mit 32 px ergibt nur ein großes, unscharfes Icon.
16 × 16 px
Browser-Tab
Tabs und Lesezeichen bei Standard-Pixeldichte
32 × 32 px
Tab auf hochauflösendem Bildschirm
Retina-Displays und Windows-Skalierung mit 200 %
48 × 48 px
Google-Suchergebnis
Google verlangt ein quadratisches Favicon in Vielfachen von 48 px
256 × 256 px
Windows-Symbole „Extra groß“
Das größte Bild, das eine ICO-Datei enthalten kann
PNG
Portable Network Graphics
PNG ist ein verlustfreies Rasterformat, das die PNG Development Group 1996 veröffentlicht hat und das später von W3C und ISO standardisiert wurde. Es bewahrt jedes Pixel exakt, unterstützt volle Alpha-Transparenz und gibt Text, scharfe Kanten und einfarbige Flächen ohne Artefakte wieder. Diese Präzision macht es ideal für Screenshots, Logos, Icons und Oberflächengrafiken. Der Nachteil ist die Größe: Als PNG gespeicherte Fotos sind oft um ein Vielfaches größer als dasselbe Foto als JPEG oder WebP. Alle Browser, Betriebssysteme und Editoren öffnen PNG-Dateien.
- Komprimierung
- Verlustfrei
- Transparenz
- Ja
- Animation
- Nein
- Eingeführt
- 1996 · PNG Development Group
ICO
Windows-Symbol
ICO ist das Symbolformat von Microsoft, das für Windows-Programmsymbole und Website-Favicons verwendet wird. Eine .ico-Datei kann mehrere Bilder in verschiedenen Größen enthalten, etwa 16×16, 32×32, 48×48 und 256×256 Pixel, damit das System die passendste auswählen kann. Jedes Bild kann als Bitmap oder als PNG-Daten gespeichert werden und unterstützt volle Alpha-Transparenz. ICO ist nicht für Fotos oder große Grafiken gedacht. Browser, Windows und die meisten Symbol-Editoren können es lesen.
- Komprimierung
- Verlustfrei
- Transparenz
- Ja
- Animation
- Nein
- Eingeführt
- Microsoft
Ein PNG ist ein einzelnes Bild in einer Größe, Windows und Browser erwarten dagegen eine .ico-Datei, die mehrere Größen bündelt, damit jeder Bildschirm die schärfste auswählen kann; von ICO zurück zu PNG geht es nur darum, die Grafik herauszulösen.
Favicon oder Windows-Symbol: welche Größen in die ICO-Datei gehören
Browser zeichnen das Tab-Icon mit 16 px, auf hochauflösenden Bildschirmen mit 32 px, und die Google-Suche zeigt Favicons ausgehend von 48 px. Lassen Sie Alle Größen aktiviert, damit eine Datei alle drei abdeckt.
- Als
favicon.icoim Stammverzeichnis der Website speichern - Ein PNG mit 180 × 180 für das Apple Touch Icon separat hinzufügen
Windows wählt ab 16 px in Titelleisten und listet bis zu 256 px für die Ansicht „Extra große Symbole“ und hochauflösende Desktops. Fehlt in der Datei die Größe 256 px, wirkt das Icon dort unscharf.
- Alle Größen beibehalten
- Das Icon auf einer dunklen und auf einer hellen Taskleiste prüfen
Manche Spiele-Launcher, Serverpanels und alte Programme lesen nur das erste Bild oder verlangen eine feste Größe. Wählen Sie unter Icon-Größen 256, 128, 64, 32 oder 16 px, um eine ICO mit nur einem Bild zu erzeugen.
- Die vom Programm dokumentierte Größe verwenden
- Für ein festes Icon mit 256 px siehe PNG in ICO 256x256
PNG-Grafiken vorbereiten, die auch bei 16 px erkennbar bleiben
Die Idee des Favicons stammt vom Internet Explorer 5 aus dem Jahr 1999, der beim Setzen eines Lesezeichens im Stammverzeichnis einer Website nach einer Datei namens favicon.ico suchte. Andere Browser übernahmen das Verhalten, weshalb eine Anfrage genau für diesen Pfad bis heute in Server-Logs auftaucht.
Bei 16 × 16 gibt es insgesamt 256 Pixel, daher muss die Grafik kräftig sein. Verzichten Sie auf Slogans und dünne Konturen, sorgen Sie für starken Kontrast auf hellen wie dunklen Browser-Designs und lassen Sie einen Pixel Abstand um die Form. Viele Marken nutzen nur den Anfangsbuchstaben oder ein Symbol. Liegt Ihr Logo als Vektordatei vor, wandeln Sie es mit SVG in ICO um, damit jede Größe aus scharfen Konturen gezeichnet wird.
Fragen zu PNG in ICO
Wie wandle ich ein PNG in ICO für ein Website-Favicon um?
Wandeln Sie mit ausgewählter Option Alle Größen um, benennen Sie das Ergebnis in favicon.ico um und laden Sie es in das Stammverzeichnis Ihrer Website hoch. Browser fragen diesen Pfad von selbst ab, zusätzlich können Sie die Datei mit einem link rel="icon"-Tag im Head der Seite einbinden.
Warum wirkt mein Symbol bei 16 Pixeln unscharf?
Detailreiche Grafiken überstehen die Verkleinerung auf 16 × 16 nicht, denn dort deckt ein Buchstabe oder eine dünne Linie weniger als einen Pixel ab. Vereinfachen Sie die kleinen Größen: Ein einzelner fetter Buchstabe oder eine einfache Form ist in einem Browser-Tab besser lesbar als ein vollständiges Logo mit Text.
Was passiert, wenn mein PNG nicht quadratisch ist?
Icons sind quadratisch, daher wird ein breites Logo je nach Programm entweder mit Rand aufgefüllt oder gestaucht. Beschneiden oder erweitern Sie das PNG zuerst auf eine quadratische Fläche, dann bestimmen Sie selbst, wo der leere Platz entsteht.
Kann ich die .ico-Datei als Ordnersymbol in Windows verwenden?
Ja. Klicken Sie mit der rechten Maustaste auf den Ordner, öffnen Sie Eigenschaften > Anpassen > Anderes Symbol und wählen Sie die .ico-Datei aus. Desktop-Verknüpfungen funktionieren genauso über Eigenschaften > Anderes Symbol.
Brauche ich noch eine ICO-Datei, wenn meine Website PNG-Symbole hat?
Moderne Browser akzeptieren PNG- und SVG-Icons, die im Head der Seite angegeben sind, doch manche Tools, Feedreader und ältere Browser fragen weiterhin direkt /favicon.ico ab. Eine kleine ICO-Datei mit mehreren Größen verhindert dort 404-Fehler in Ihren Logs.