Was ist ein Favicon?
Ein Favicon (Kurzform für 'Favorites Icon') ist das kleine Symbol, das in Browser-Tabs, Lesezeichen, Verlaufseinträgen und mobilen Startbildschirmen angezeigt wird. Ursprünglich eine einfache 16×16 ICO-Datei, umfassen moderne Favicons mehrere Größen und Formate zur Unterstützung hochauflösender Displays, PWA-Manifeste und plattformspezifischer Icon-Anforderungen. Ein gut gestaltetes Favicon stärkt die Markenerkennung und verbessert die Benutzererfahrung.
Warum Favicons wichtig sind
Favicons dienen als visueller Fingerabdruck Ihrer Website. Sie erscheinen in Tabs, Lesezeichenleisten, Suchergebnissen, PWA-Installationsbildschirmen und mobilen Verknüpfungen. Ein fehlendes oder schlecht gerendetes Favicon signalisiert mangelnde Sorgfalt und kann das Nutzervertrauen verringern. Suchmaschinen verwenden Favicons auch in mobilen Suchergebnissen, was sie zu einem bedeutsamen Bestandteil Ihrer SEO- und Markenstrategie macht.
Erforderliche Größen und Formate
Moderne Websites sollten Favicons in mehreren Größen bereitstellen: 16×16 und 32×32 für klassische Browser-Tabs, 48×48 für Windows-Taskleiste, 180×180 für Apple Touch Icons, und 192×192 plus 512×512 für PWA-Manifeste. ICO unterstützt mehrere Größen in einer Datei. PNG bietet scharfes Rendering auf High-DPI-Bildschirmen. SVG-Favicons sind auflösungsunabhängig und werden von modernen Browsern unterstützt.
Best Practices
Beginnen Sie mit einem einfachen, erkennbaren Design — Favicons werden sehr klein angezeigt. Verwenden Sie transparente Hintergründe für PNG und SVG. Testen Sie Ihr Favicon in verschiedenen Browsern und auf verschiedenen Geräten. Fügen Sie alle Größen im HTML-Head mit passenden Link-Tags ein. Unser Generator erstellt alle Formate automatisch aus einem einzigen Upload.
