Favicon-Generator

Ein Favicon (Favorite Icon) ist ein kleines Symbol, das mit einer Website verknüpft ist und in Browser-Tabs, Lesezeichen, Verlaufslisten und Suchergebnissen angezeigt wird. Favicons helfen Benutzern, Tabs unter vielen geöffneten Seiten schnell zu identifizieren und zu lokalisieren. Ohne ein Favicon zeigen Browser ein generisches Symbol an, was die Auffindbarkeit Ihrer Website erschwert und sie weniger professionell erscheinen lässt. Moderne Browser unterstützen mehrere Favicon-Größen für verschiedene Kontexte – von winzigen 16×16-Tab-Icons bis hin zu größeren 192×192-Icons, die auf mobilen Startbildschirmen verwendet werden.

ICO ist das traditionelle Favicon-Format, das mehrere Größen in einer einzigen Datei enthalten kann und universelle Browserunterstützung, einschließlich älterer Browser, bietet. PNG-Favicons bieten eine bessere Komprimierung und Qualität, erfordern jedoch separate Dateien für jede Größe. SVG-Favicons basieren auf Vektoren, was bedeutet, dass sie sich perfekt an jede Größe anpassen, ohne Qualitätsverlust, und Funktionen wie die Anpassung an den Dunkelmodus unterstützen, aber die Browserunterstützung wächst noch. Die meisten modernen Websites verwenden eine Kombination – eine ICO-Datei für die Unterstützung älterer Versionen und PNG-Dateien, die über Link-Tags für moderne Browser deklariert werden.

Verschiedene Plattformen und Kontexte erfordern unterschiedliche Favicon-Größen. Das klassische 16×16 wird in Browser-Tabs verwendet, 32×32 für Taskleisten-Verknüpfungen, 48×48 für Windows-Website-Icons, 180×180 (apple-touch-icon) für iOS-Startbildschirme und 192×192 oder 512×512 für Android PWA-Icons. Jede Größe dient einem bestimmten Zweck – die Verwendung eines zu kleinen Icons in einem großen Kontext führt zu einer unscharfen Darstellung, während ein großes Icon in kleinen Kontexten Bandbreite verschwendet. Die Bereitstellung aller empfohlenen Größen stellt sicher, dass Ihre Website überall scharf aussieht.