Quellbild hochladen
Drop image here or click to upload
Use a square image for best results -- PNG, JPG, SVG, or WebP
Lade ein beliebiges Bild hoch und generiere Favicons in allen Größen, die deine Website benötigt. Erhalte Browser‑Tabs, Apple‑Touch‑Icons, Android‑Chrome‑ und PWA‑Icons mit sofort einsetzbarem HTML‑Code.
Ein professionelles Favicon ist nur der Anfang. OneStepToRank hilft deinem Unternehmen, lokale Suchergebnisse zu dominieren, mit Echtzeit‑Ranking‑Tracking und automatisierter Optimierung für dein gesamtes Servicegebiet.
Jetzt kostenlos startenEin favicon (Kurzform von "favorites icon") ist das kleine Symbol, das in Browser‑Tabs, Lesezeichen, Chronik‑Einträgen und Adressleisten angezeigt wird, wenn Nutzer deine Website besuchen. Ursprünglich 1999 von Internet Explorer 5 als 16 × 16 Pixel‑ICO‑Datei eingeführt, haben sich Favicons stark weiterentwickelt. Moderne Websites müssen mehrere Favicon‑Größen bereitstellen, um verschiedene Plattformen und Geräte zu unterstützen: winzige Icons für Browser‑Tabs, mittlere Icons für Desktop‑Verknüpfungen und Taskbars sowie große Icons für mobile Startbildschirme und Progressive‑Web‑App‑Splash‑Screens. Ein gut gestaltetes Favicon stärkt die Markenwiedererkennung an jedem Touchpoint, an dem Nutzer mit deiner Seite interagieren.
Die Favicon‑Landschaft kann verwirrend sein, weil verschiedene Browser, Betriebssysteme und Geräte unterschiedliche Größen erwarten. Hier ein Überblick über die wichtigsten Größen: 16x16 ist das klassische Browser‑Tab‑Icon, das von allen Desktop‑Browsern verwendet wird. 32x32 wird von Retina‑Displays in Browser‑Tabs und von Windows für Task‑Bar‑Verknüpfungen genutzt. 48x48 und 64x64 werden von Windows für Desktop‑Verknüpfungen und angeheftete Kacheln verwendet. 128x128 ist für Chrome‑Web‑Store‑Einträge erforderlich. 180x180 ist das Apple‑Touch‑Icon, das verwendet wird, wenn iOS‑Nutzer deine Seite zu ihrem Startbildschirm hinzufügen. 192x192 wird von Android‑Chrome für Startbildschirm‑Icons genutzt. Und 512x512 wird von PWAs für Splash‑Screens und größere Icon‑Kontexte verwendet. Mindestens sollte jede Website ein 32 × 32 PNG‑Favicon und ein 180 × 180 Apple‑Touch‑Icon besitzen.
Für maximale Kompatibilität verwende für alle Favicon‑Größen das PNG‑Format. PNG unterstützt Transparenz und wird von allen modernen Browsern universell unterstützt. Das traditionelle ICO‑Format, das mehrere Größen in einer Datei bündelt, ist nur für veraltete Internet‑Explorer‑Unterstützung nötig. SVG‑Favicons gewinnen an Bedeutung und bieten Auflösung‑Unabhängigkeit, aber die Browser‑Unterstützung ist noch nicht vollständig. Beim Erstellen deines Quellbildes beginne mit einem quadratischen Bild von mindestens 512 × 512 Pixel für die schärfsten Ergebnisse in allen Größen. Einfache, kräftige Designs mit wenig Details funktionieren am besten in kleinen Größen – feiner Text und komplexe Muster werden bei 16 × 16 Pixel unlesbar. Verwende solide, erkennbare Formen und kontrastierende Farben. Teste deine Favicons abschließend in verschiedenen Browsern und Geräten, um sicherzustellen, dass sie überall gut aussehen.