BILDER · WEBSITE-ICON
Favicon-Generator
Erzeuge aus deinem Bild ein quadratisches Favicon (PNG) und ein Apple-Touch-Icon. Keine Online-Verarbeitung deiner Datei.
Anleitung: Bildgröße, Format und Qualität für schnelle Webseiten abstimmen →
Deine Einstellungen
Vorschau oder Auswertung
Wähle ein Bild – wir zeigen dir das quadratische Icon.
Fertiger Code
Dieses Tool liefert PNG-Dateien, keine favicon.ico-Datei. Lade beide PNGs ins Wurzelverzeichnis deiner Website hoch und füge die Links in den HTML-Head ein. Ältere Browser können zusätzlich eine ICO-Datei benötigen.
Praxisbeispiel & wichtige Hinweise
Website-Symbol vorbereiten
Ein Favicon sollte auch in sehr kleinen Abmessungen erkennbar sein. Verwende ein möglichst einfaches Motiv mit klaren Konturen.
Beachten: Ein detailreiches Foto funktioniert als kleines Tab-Symbol selten gut.
Passende Schritt-für-Schritt-Anleitung →Ein Webseiten-Symbol muss klein erkennbar sein
Favicons werden häufig winzig in Browser-Tabs angezeigt. Verwende deshalb möglichst eine einfache Form und einen deutlichen Kontrast, statt einen langen Namen oder mehrere feine Linien in ein kleines Quadrat zu pressen.
Prüfe das exportierte Symbol mindestens in 16 und 32 Pixel großen Ansichten. Ein gutes Favicon muss nicht das vollständige Firmenlogo abbilden; oft genügt ein wiedererkennbares Kürzel oder Motiv.
Ein Favicon auch in kleiner Größe erkennen
Favicons werden oft nur mit 16 oder 32 Pixeln angezeigt. Ein einfaches Symbol mit deutlichem Kontrast lässt sich dort besser erkennen als eine Wortmarke mit feinen Buchstaben. Erstelle zunächst ein quadratisches Motiv und kontrolliere es stark verkleinert.
Ein Browser kann ältere Favicons im Cache behalten. Wenn eine Änderung nicht sofort sichtbar wird, prüfe Dateipfad, Browser-Cache und das Icon im privaten Fenster. Für unterschiedliche Geräte können weitere Formate erforderlich sein.