Alle Favicon-Größen aus einem Bild

Browser, Smartphones und Homescreens verlangen unterschiedliche Icon-Größen. Der Favicon-Generator von QodeCat nimmt dein Logo und erstellt das komplette Set in Sekunden, inklusive Live-Vorschau jeder Größe und der HTML-Tags, die du in deine Website einfügen musst.

• favicon.ico mit Bildern in 16, 32 und 48 px für Browser-Tabs und Windows.
• favicon-16x16.png und favicon-32x32.png für moderne Browser.
• apple-touch-icon.png (180×180) für den Homescreen von iPhone und iPad.
• android-chrome-Icons in 192 und 512 px plus ein fertiges site.webmanifest.

Tipps für ein scharfes Favicon

Groß und schlicht starten

Verwende ein quadratisches Bild mit mindestens 512×512 px oder ein SVG. Einfache Formen und fette Buchstaben bleiben auch bei 16 px lesbar, feine Details und dünne Schrift gehen verloren.

Hintergrund und Innenabstand

Ein transparenter Hintergrund sieht in Browser-Tabs gut aus, iOS füllt transparente Bereiche auf dem Homescreen aber schwarz. Reicht dein Logo bis an den Rand, wähle eine Hintergrundfarbe und füge etwas Innenabstand hinzu.

Häufig gestellte Fragen