PNG oder JPG in ICO umwandeln und die Größen prüfen
Auf dieser Seite
Kurz gesagt: Öffnen Sie das Tool Bild in ICO von Imgovo, fügen Sie ein PNG, JPG, WebP oder eine SVG hinzu, haken Sie die gewünschten Größen an (für eine Website: 16, 32 und 48 px), wählen Sie, wie das Bild ins Quadrat passt, und laden Sie die .ico-Datei herunter. Ein vorhandenes Icon prüfen Sie im ICO-Viewer. Beide Tools laufen in Ihrem Browser, nichts wird hochgeladen.
Was eine ICO-Datei ist
Eine .ico-Datei ist ein Container. Darin liegen mehrere kleine Bilder, sogenannte Ebenen, jedes mit eigener Größe. Windows, Browser und andere Programme wählen die Ebene, die an der jeweiligen Stelle am besten passt: Tab, Taskleiste, Verknüpfung oder Ordner. Deshalb enthält eine gute Icon-Datei mehr als eine Größe.
Welche Größen?
| Verwendung | Größen |
|---|---|
| Website-Favicon | 16, 32, 48 px |
| Windows-Programm oder Verknüpfung | zusätzlich 64, 128, 256 px |
| Alles | 16, 24, 32, 48, 64, 96, 128, 256 px |
Das Tool hat zwei Schnellwahlen: Website: 16, 32, 48 und Alle Größen. Jede angehakte Größe wird als eigenes Bild gespeichert, mehr Größen ergeben also eine größere Datei.
Schritt für Schritt
- Öffnen Sie Bild in ICO und ziehen Sie ein Bild auf die Seite, klicken Sie zum Auswählen oder fügen Sie es aus der Zwischenablage ein. Am besten eignet sich ein quadratisches Bild mit transparentem Hintergrund.
- Wählen Sie die Größen in der Datei.
- Wählen Sie unter Form Auf Quadrat zuschneiden (füllt das ganze Quadrat und schneidet die Ränder eines breiten Bildes ab) oder Ganzes Bild einpassen (behält alles und fügt an den Seiten leeren Platz hinzu).
- Wählen Sie einen Hintergrund: transparent oder eine Farbe. Passen Sie bei Bedarf Innenabstand und Abgerundete Ecken an.
- Prüfen Sie die Vorschau unter Ebenen.
- Klicken Sie auf .ico-Datei herunterladen.
Jede Ebene wird aus Ihrem Bild in genau ihrer Größe gezeichnet, statt ein großes Bild nachträglich zu verkleinern. Nach dem Erstellen liest Imgovo die Datei wieder ein und prüft sie.
Gestaltung für kleine Größen
Bei 16 × 16 Pixeln verschwinden feine Details. Nehmen Sie eine kräftige Form, ein oder zwei Buchstaben oder ein einfaches Logo und lassen Sie etwas Rand. Hat Ihr Logo einen unerwünschten Hintergrund, entfernen Sie ihn zuerst; siehe So entfernen Sie den Hintergrund eines Fotos kostenlos (ohne Upload).
In eine .ico-Datei hineinsehen mit dem ICO-Viewer
Sie wissen nicht, was in einer Icon-Datei steckt? Öffnen Sie den ICO-Viewer und ziehen Sie die Datei auf die Seite. Für jede Ebene zeigt er:
- die Größe,
- die Farbtiefe,
- ob die Ebene als PNG oder als älteres Bitmap (DIB) gespeichert ist,
- die Anzahl der benötigten Bytes,
- das Bild selbst auf einem Schachbrettmuster, damit Transparenz sichtbar ist.
Sie können eine einzelne Ebene als PNG speichern oder Alle Ebenen als PNG speichern (ZIP) nutzen. Der Viewer zeigt PNG-Ebenen und unkomprimierte Bitmap-Ebenen mit 1, 4, 8, 24 oder 32 Bit pro Pixel samt Transparenzmaske. Eine Ebene mit anderer Kompression wird mit einem Hinweis aufgelistet, kann aber nicht gezeichnet werden. Weicht die im Verzeichnis der Datei angegebene Größe von der echten Bildgröße ab, zeigt der Viewer die echte Größe und fügt einen Hinweis hinzu.
Ein komplettes Favicon-Set
Eine .ico ist nur ein Teil eines Website-Icon-Sets. Für PNG-Favicons, ein Apple-Touch-Icon, Android-Icons, ein optionales SVG-Favicon, ein Manifest und die Zeilen für Ihre Seiten nutzen Sie den Favicon-Generator und lesen Favicon für Ihre Website erstellen (ICO, PNG, Apple- und Android-Icons).
Datenschutz
Die ICO-Datei wird in Ihrem Browser erstellt und gelesen. Ihr Bild verlässt Ihr Gerät nie.
Jetzt ausprobieren
Öffnen Sie Bild in ICO, fügen Sie Ihr Bild hinzu und laden Sie ein Icon mit den Größen herunter, die Sie brauchen.
Häufig gestellte Fragen
Welche Größen sollte eine ICO-Datei enthalten?
Für ein Website-Favicon genügen 16, 32 und 48 px. Für ein Windows-Programm oder eine Verknüpfung fügen Sie größere Größen wie 64, 128 und 256 px hinzu. Jede angehakte Größe wird als eigenes Bild gespeichert, eine größere Auswahl ergibt also eine größere Datei.
Warum besteht eine ICO-Datei aus mehreren Bildern?
Eine ICO-Datei ist ein kleiner Container. Jede Ebene ist ein eigenes Bild mit eigener Größe, und das System oder der Browser wählt die am besten passende Ebene. Imgovo zeichnet jede Ebene aus Ihrem Bild in genau dieser Größe, statt ein großes Bild nachträglich zu verkleinern.
Werden die Ebenen als PNG gespeichert?
Ja. Jede Ebene wird als PNG-Bild in die ICO-Datei geschrieben. Das erhält die Transparenz und wird von aktuellen Browsern und von Windows seit Vista unterstützt. Sehr alte Programme verstehen eventuell nur die älteren Bitmap-Ebenen.
Warum wird mein Bild abgeschnitten?
Icons sind quadratisch. Auf Quadrat zuschneiden füllt das ganze Quadrat und schneidet die Ränder eines breiten Bildes ab. Ganzes Bild einpassen behält alles und fügt an den Seiten leeren Platz hinzu, transparent oder farbig.
Kann der ICO-Viewer eine .cur-Cursor-Datei öffnen?
Nein. Cursor-Dateien sehen Icons ähnlich, enthalten aber Hotspot-Positionen und haben eine andere Typnummer. Der Viewer ist nur für Icons gedacht und weist darauf hin.
Brauche ich Bild in ICO oder den Favicon-Generator?
Nutzen Sie Bild in ICO, wenn Sie nur die .ico-Datei brauchen. Nutzen Sie den Favicon-Generator, wenn Sie zusätzlich PNG-, Apple- und Android-Icons, ein SVG-Favicon, ein Manifest und die HTML-Zeilen möchten.