Konvertierung12. März 20265 Min. Lesezeit

Favicon erstellen – PNG zu ICO konvertieren leicht gemacht

Das kleine Bild im Browser-Tab heißt Favicon und ist Pflicht für jede Website, die professionell wirken will. Modernes Web nutzt zwar zunehmend PNG und SVG, aber das klassische ICO-Format bleibt wichtig: Es funktioniert in jedem Browser und auf jedem System.

Browser-Tab mit Favicon und ICO-Dateisymbol

Welche Größen ein Favicon braucht

Ein gutes Favicon sollte mehrere Auflösungen enthalten: 16×16, 32×32, 48×48 sowie 64×64 Pixel. Browser zeigen je nach Kontext unterschiedliche Größen an – im Tab klein, in den Lesezeichen größer, auf hochauflösenden Displays nochmal größer.

Das ICO-Format ist ein Container und kann all diese Größen in einer einzigen Datei bündeln. So musst du nur eine `favicon.ico` ins Root-Verzeichnis legen.

PNG zu ICO online konvertieren

Starte mit einem quadratischen PNG in mindestens 256×256 Pixeln und mit transparentem Hintergrund. Bei Pixshift wählst du ICO als Zielformat – das Tool erstellt automatisch alle Standard-Größen im Container.

Wichtig: Das Motiv muss bei 16×16 noch erkennbar sein. Filigrane Logos kannst du für die kleine Version vereinfachen oder die zentrale Form herausarbeiten. Teste das Ergebnis ruhig zuerst lokal, bevor du es deployest.

Favicon einbinden

Lege die `favicon.ico` ins Root deiner Website. Im `<head>` ergänzt du `<link rel="icon" href="/favicon.ico">`. Für moderne Endgeräte empfiehlt sich zusätzlich ein PNG-Set: `<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32.png">` etc.

iOS und Android nutzen eigene Apple-Touch-Icons in 180×180 Pixeln. Wer es ganz richtig machen will, generiert auch ein `apple-touch-icon.png` und ein `manifest.json` für Progressive Web Apps.

Brauchst du heute überhaupt noch ICO?

Modernste Browser ziehen längst SVG- oder PNG-Favicons. Aber: Microsoft Edge im Legacy-Modus, Outlook-Mail-Vorschauen und einige Suchmaschinen-Crawler greifen nach wie vor auf favicon.ico zurück. Wer Reichweite ernst nimmt, liefert beides aus.

Pflicht-Set 2026: favicon.ico (16/32/48 px) im Root + favicon.svg für moderne Browser + apple-touch-icon.png (180x180) + manifest.webmanifest mit 192/512 PNG für PWAs. Drei Minuten Arbeit, drei Jahre Ruhe.