Wie erstelle ich eine favicon.ico aus einem PNG?
Lege dein PNG hier ab, wähle ICO und lade die Datei herunter. Nenne sie favicon.ico, lade sie ins Hauptverzeichnis deiner Website, und deine Seite zeigt sie in Browser-Tabs.
PNG in ICO umwandeln
Mach aus einem PNG-Logo eine favicon.ico mit mehreren Größen.
Deine Dateien verlassen dieses Gerät nie.
Wandle ein PNG-Logo oder -Icon in ICO um, indem du es hier ablegst und ICO wählst. Die ICO-Datei enthält mehrere Größen zwischen 16 und 256 Pixeln, die Browser und Windows für Favicons und Icons nutzen. Starte mit einem quadratischen Bild von mindestens 256 Pixel Breite. Die Umwandlung passiert im Browser, ohne Upload und ohne Anmeldung.
So geht’s
- Lege dein quadratisches PNG-Logo auf der Seite ab.
- Wähle ICO als Ausgabeformat.
- Lade die .ico-Datei herunter.
- Lade sie auf deine Website hoch, am besten als favicon.ico im Hauptverzeichnis.
Häufige Fragen
Wie groß sollte mein PNG für ein ICO-Favicon sein?
Nimm ein quadratisches Bild von mindestens 256 mal 256 Pixel. Das ICO enthält Größen von 16 bis 256 Pixel, eine große, quadratische Quelle skaliert also sauber auf jede Größe herunter.
Welche Größen stecken in der ICO-Datei?
Die Datei enthält mehrere Größen im Bereich von 16 bis 256 Pixel in einer einzigen .ico, damit Windows und Browser die passende wählen können. Du brauchst keine eigene Datei pro Größe.
Brauche ich noch die favicon.ico, oder reicht ein PNG?
Aktuelle Browser können ein in deiner Seite deklariertes PNG-Favicon nutzen, aber ICO bleibt eine sichere Voreinstellung. Viele Tools und ältere Browser suchen automatisch nach /favicon.ico, eine zu haben kostet also nichts.
Bleibt der transparente Hintergrund meines PNG erhalten?
Nimm ein PNG mit transparentem Hintergrund und prüfe das Ergebnis in einem Browser-Tab. Die Option für die Hintergrundfarbe gilt nur für JPG- und BMP-Ausgabe, nicht für ICO, dieser Umwandler füllt dein PNG also nicht mit einer Farbe.
Kann ich auch JPG oder WebP in ICO umwandeln?
Ja, der Umwandler akzeptiert auch JPEG, WebP, AVIF, BMP und HEIC als Eingabe. Ein PNG mit klarer, einfacher Form funktioniert am besten, weil winzige Größen keine fotografischen Details zeigen können.
Warum erscheint mein neues Favicon nicht?
Browser speichern Favicons aggressiv im Cache. Lade die Seite mit einem harten Neuladen neu oder öffne die Seite in einem privaten Fenster, und prüfe, ob die Datei wirklich unter der Adresse liegt, auf die deine Seite verweist.
Was ist eine ICO-Datei, und warum nutzt ein Favicon sie?
ICO ist ein Container für Icons. Anders als ein normales Bild kann eine einzelne .ico-Datei dasselbe Bild in mehreren Größen enthalten, von winzigen 16-Pixel-Versionen für Browser-Tabs bis zu 256 Pixeln für Desktop-Verknüpfungen. Das System wählt die passende Größe, das Icon bleibt also überall scharf.
Deshalb werden Favicons traditionell als favicon.ico ausgeliefert. Browser fordern genau diesen Dateinamen seit Langem im Hauptverzeichnis einer Website an, eine dort abgelegte Datei funktioniert also, auch wenn deine Seite sie nicht erwähnt.
Wie bereite ich das PNG vor?
Starte mit einem quadratischen Bild, mindestens 256 Pixel pro Seite, das Logo zentriert und mit etwas Luft ringsum. Ist dein Logo breit, schneide es auf das Symbol oder den Anfangsbuchstaben zu, der auch bei 16 Pixeln noch lesbar bleibt; das Zuschneide-Tool kann ein Quadrat daraus schneiden. Ist es kleiner als 256 Pixel, bringt das Tool Bildgröße ändern es auf eine brauchbare Größe, auch wenn Vergrößern keine Details ergänzt.
Halte das Design einfach. Eine kräftige Form auf transparentem oder einfarbigem Hintergrund übersteht das Verkleinern; dünne Linien, Farbverläufe und Wörter nicht. Sieh dir an, wie es klein aussieht, bevor du es veröffentlichst.
Wo lege ich das fertige Favicon ab?
Lade favicon.ico in das Hauptverzeichnis deiner Seite hoch, sodass es unter deinedomain.de/favicon.ico erreichbar ist. Deklariert deine Seite schon ein anderes Favicon, füge ein Link-Tag hinzu, das auf die neue Datei zeigt. Lade dann mit hartem Neuladen neu, denn Browser behalten alte Icons sehr lange.
Mach dieselbe Prüfung für jede Sprachversion deiner Website, wenn sie ein Icon teilen. Die Datei ist für jede Seite dieselbe, du musst sie also nur einmal ablegen.
Betreust du mehrere Marken oder Projekte, erstelle für jedes ein eigenes Icon und benenne die Dateien eindeutig, damit sie nicht verwechselt werden.
Was kann der Umwandler noch?
ICO ist nur eine der Ausgaben. Brauchst du das Logo als leichteres Webbild, probiere die Seite PNG in JPG umwandeln, und für jedes andere Formatpaar erledigt der Bildumwandler das im Browser ohne Upload. Die Übersicht der Bild-Tools listet den Rest des Werkzeugkastens.
Im Vergleich
| Dieses Tool | Dienste mit Upload | |
|---|---|---|
| Verlassen Dateien dein Gerät? | Nein | Ja |
| Konto nötig | Nein | Oft |
| Tageslimit | Keines | Oft |
| Wasserzeichen | Keines | Manchmal |
Grenzen und Datenschutz
- ICO ist nur ein Ausgabeformat; du kannst hier keine ICO-Datei in ein anderes Format umwandeln.
- Bei 16 Pixeln verschwinden feine Details und kleiner Text, nimm also ein einfaches, kräftiges Design.
- Der Umwandler schneidet oder skaliert deine Quelle nicht; ein nicht quadratisches Bild sollte vorher angepasst werden.
Normen und Quellen
In deinem KI-Assistenten nutzen
Mit dem lokalen MCP-Server kann ein Assistent ein Icon für dich erstellen, zum Beispiel „Wandle logo.png in eine favicon.ico um“. Das Tool convert_image läuft auf deinem Computer, das Logo wird also nirgendwohin hochgeladen.