UltKit

Bild in ICO umwandeln

Erstellen Sie eine favicon.ico oder ein Windows-Icon aus jedem Bild, das Sie haben: einem Logo als PNG, einer SVG von Ihrer Designerin, einem JPG aus dem Markenpaket oder sogar einem Handyfoto. Die Ausgabedatei enthält mehrere Größen. Unten erfahren Sie, welche Vorlage am besten funktioniert und welche weiteren Icon-Dateien die einzelnen Plattformen erwarten.

Bild-Konverter

oder JPG, JPEG, JPE …-Dateien hierher ziehen ·

Max. 95 MB pro Datei· Bis zu 20 Dateien· Gelöscht nach 30 Minuten

Ausgabe

Dateien werden auf unseren Servern verarbeitet und nach 30 Minuten gelöscht.

So verwenden Sie dieses Tool

  1. 1

    Die sauberste verfügbare Vorlage wählen

    Laden Sie das Bild hoch, das als Icon dienen soll, am besten ein quadratisches Logo oder Symbol mit mindestens 256 × 256 px.

  2. 2

    Icon-Größen auf „Alle“ belassen

    Unter Erweiterte Einstellungen steht Icon-Größen zunächst auf Alle Größen (16–256). Wählen Sie nur dann eine einzelne Größe, wenn ein Programm genau eine verlangt.

  3. 3

    Umwandeln und testen

    Klicken Sie auf In ICO umwandeln, laden Sie die Datei herunter und sehen Sie sich das Ergebnis in einem Browser-Tab oder auf dem Desktop an, bevor Sie es veröffentlichen.

Antwort

Wie wandle ich ein Bild in ein ICO-Icon um?

Laden Sie ein quadratisches Bild mit mindestens 256 × 256 px hoch, lassen Sie Icon-Größen auf Alle Größen (16–256) und klicken Sie auf In ICO umwandeln. Sie erhalten eine Datei mit Versionen in 16, 32, 64, 128 und 256 px, einsatzbereit als favicon.ico oder als Icon für Windows-Verknüpfungen.

Bild in ICO umwandeln: Welche Vorlage sich eignet

ICO ist der Icon-Container von Microsoft und so alt wie Windows selbst. Er speichert nicht ein Bild, sondern ein kleines Verzeichnis davon, und seit Windows Vista darf der größte Eintrag mit 256 px PNG-komprimiert sein. Browser übernahmen das Format 1999, als der Internet Explorer 5 begann, bei jeder Website /favicon.ico anzufragen.

Da der Konverter Ihr Bild bis auf 16 px verkleinert, bestimmt die Vorlage das Ergebnis weit mehr als jede Einstellung. Bewerten Sie Ihr Material vor dem Hochladen und schneiden Sie breite Bilder zuerst quadratisch zu; das Werkzeug Bild zuschneiden stellt in wenigen Sekunden einen 1:1-Rahmen ein.

  1. Vektorlogo (SVG, EPS, AI)

    Wird für jede Größe neu gerastert, die Kanten bleiben scharf. Die beste Wahl, wenn Ihr Designer eines liefern kann.

  2. Transparentes PNG oder WebP

    Erhält den durchsichtigen Hintergrund, durch den die Tab-Leiste scheint. Beginnen Sie mit 256 px oder mehr.

  3. JPG, HEIC oder ein Screenshot

    Funktioniert, aber der quadratische Hintergrund bleibt erhalten. Füllen oder beschneiden Sie ihn, damit die Ecken gewollt aussehen.

Wo jede Plattform nach ihrer Icon-Datei sucht

1:1

32 × 32 px

favicon.ico (Browser-Tab)

16 und 32 px werden in Tabs und Lesezeichen gezeichnet; die ICO von dieser Seite deckt beide ab

1:1

256 × 256 px

Windows-Verknüpfung oder .exe

Große Symbolansichten und hochauflösende Bildschirme wählen den 256-px-Eintrag

1:1

180 × 180 px

apple-touch-icon.png

PNG, nicht ICO; wird verwendet, wenn jemand die Website zum Home-Bildschirm des iPhones hinzufügt

1:1

512 × 512 px

Icon im Web-App-Manifest

In manifest.json aufgeführtes PNG, zusammen mit einer 192-px-Version, für installierbare Web-Apps

ANY I

Beliebiges Bild

Dieses Tool akzeptiert gängige Bildformate, darunter JPG, PNG, WebP, HEIC, GIF, BMP und TIFF. Das Format wird automatisch aus der Datei erkannt, Sie müssen also nicht wissen, um welche Art von Bild es sich handelt.

Any image-Konverter

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
ICO-Konverter

Man wandelt ein beliebiges Bild in ICO um, weil ein Browser-Tab, eine Windows-Verknüpfung oder ein Installer eine .ico-Datei erwartet und als Vorlage nur ein Logo, ein Screenshot oder ein Foto in einem anderen Format vorliegt; ein PNG aus einer ICO zu extrahieren ist der umgekehrte Weg, die Rettung von Grafiken.

Der 16-px-Lesbarkeitstest vor dem Umwandeln in ICO

Bei 16 × 16 px hat ein Icon insgesamt 256 Pixel. Ein ganzer Schriftzug wird zu einem grauen Fleck; ein einzelner kräftiger Buchstabe oder ein Symbol bleibt erkennbar. Verkleinern Sie Ihre Vorlage vor dem Umwandeln in einem beliebigen Viewer auf 16 px und fragen Sie sich, ob Sie sie in einer Reihe von 30 offenen Tabs wiedererkennen würden.

Kontrast ist ebenso wichtig wie die Form. Tabs erscheinen in hellen und dunklen Browser-Designs, daher kann ein schwarzes Logo auf transparentem Hintergrund im Dunkelmodus verschwinden. Eine dünne helle Kontur oder ein einfarbiges abgerundetes Quadrat hinter dem Symbol hält es in beiden sichtbar. Für macOS-App-Bundles brauchen Sie stattdessen ICNS; PNG in ICNS erstellt diese Datei aus derselben Grafik.

Fragen zum Umwandeln von Bildern in ICO

Welche Bildformate lassen sich hier in ICO umwandeln?

Jedes Bild, das der Konverter lesen kann, darunter PNG, JPG, SVG, WebP, AVIF, HEIC, GIF, BMP, TIFF, PSD und Kamera-RAW. Ein transparentes PNG oder eine SVG liefert die saubersten Kanten; ein JPG funktioniert, bringt aber seinen rechteckigen Hintergrund mit.

Reicht favicon.ico aus, oder brauche ich weitere Icon-Dateien?

Die .ico-Datei deckt Browser-Tabs und Lesezeichen überall ab. iPhones und iPads suchen nach einem PNG mit 180 × 180 px namens apple-touch-icon, und Chrome bietet die Installation einer Website als App nur an, wenn das Web-Manifest PNG-Icons mit 192 und 512 px aufführt.

Braucht Windows ein 48-px-Bild in der ICO-Datei?

Die mittlere Symbolansicht im Datei-Explorer zeichnet Icons mit 48 px. Hat die Datei keinen 48-px-Eintrag, skaliert Windows den nächstgrößeren, hier das 64-px-Bild, was bei kräftigen Motiven meist gut aussieht. Feine Linien können weich wirken.

Kann eine ICO-Datei bei 16 px und bei 256 px unterschiedliche Motive zeigen?

Das Format erlaubt es, und Systemicons verwenden für die kleinsten Größen oft eine vereinfachte Zeichnung. Dieser Konverter skaliert ein Bild auf alle Größen. Wenn Ihre 16-px-Version eine eigene Zeichnung braucht, exportieren Sie diese Grafik separat und wandeln Sie sie mit Icon-Größen auf 16 px um.

Wie prüfe ich vor dem Umwandeln, ob mein Icon bei 16 px erkennbar ist?

Verkleinern Sie es in einem beliebigen Editor auf 16 px und sehen Sie es bei 100 % an. Wenn Sie nicht erkennen, was es ist, reduzieren Sie Details: Lassen Sie den Slogan weg, behalten Sie den Anfangsbuchstaben oder das Symbol und verstärken Sie dünne Linien.

Wohin muss die favicon.ico auf meiner Website hochgeladen werden?

Legen Sie sie im Stammverzeichnis der Website ab, damit sie unter /favicon.ico erreichbar ist, denn Browser fragen diese Adresse auch ab, wenn kein Tag darauf verweist. Mit einem Link-Tag mit rel="icon" im Seitenkopf können Sie sie an anderer Stelle ablegen.