Favicon-Generator
Machen Sie aus einem Bild ein praktisches Favicon-Set mit Größen für Browser, Apple Touch und PWA sowie kopierfertigem HTML.
Bis zu 20 MiB und 40 Millionen Pixel pro Bild. Kontaktbögen nehmen 2–50 Bilder mit insgesamt bis zu 100 MiB an. Symbolausgaben setzen das ganze Bild mit transparentem Rand in ein Quadrat.
Warum es dieses Tool gibt
Einfache, kontrastreiche Zeichen wirken in winzigen Favicon-Größen am besten.
- ✓ Größen 16–512px
- ✓ Live-Vorschauen
- ✓ HTML-Snippet
- ✓ lokale Verarbeitung im Browser
Nützlich für
- • Websites
- • PWAs
- • Marken-Updates
Das Symbolset erstellen, das Ihre Website wirklich nutzen kann
Ein Favicon ist nicht nur eine winzige ICO-Datei. Eine moderne Website braucht oft mehrere PNG-Größen, ein Apple-Touch-Symbol, PWA-Symbole und einen kleinen HTML-Block, der sie verknüpft.
Mit einem quadratischen Ausgangsbild beginnen
Ein einfaches, kontrastreiches Zeichen übersteht kleine Größen besser als eine detaillierte Illustration. Ein quadratisches Ausgangsbild ab etwa 512 Pixeln gibt dem Generator genug Raum für saubere kleine Symbole.
Prüfen Sie das kleinste Symbol vor der Veröffentlichung. Ein Logo, das bei 512 Pixeln perfekt aussieht, kann bei 16 oder 32 Pixeln unleserlich werden.
Das Paket prüfen, bevor Sie Ihre aktuellen Symbole ersetzen
Öffnen Sie die erzeugten Dateien, prüfen Sie Namen und Größen und fügen Sie das bereitgestellte Markup in den Head der Website ein. Behalten Sie Ihr bisheriges Favicon-Set, bis die neuen Dateien geprüft sind.
Häufig gestellte Fragen
Welches Bild eignet sich für ein Favicon?
Ein sauberes quadratisches Logo oder Symbol funktioniert am besten. Hoher Kontrast und einfache Formen überstehen winzige Größen meist besser als feine Details.
Welche Favicon-Größen sollte eine Website haben?
Übliche Web- und Geräteabläufe nutzen mehrere Größen statt einer einzigen Datei. Der Generator liefert mehrere PNG-Größen und ein ICO-Paket, damit Sie die passenden Dateien auswählen können.
Brauche ich favicon.ico und PNG-Symbole?
Sie bedienen unterschiedliche Browser und Plattformen, daher ist es sinnvoll, beide zu behalten, wenn breite Kompatibilität wichtig ist.
Kann ich ein SVG-Logo verwenden?
Ja, wenn der Browser es dekodieren kann. Prüfen Sie aber die erzeugten PNG/ICO-Dateien, weil sich Schriften, Filter und externe Verweise bei der Rasterung ändern können.