Drücke Ctrl+D, um diese Seite als Lesezeichen zu speichern
Der Favicon-Generator ist ein kostenloses Online-Tool zur Konvertierung von Bildern in Website-Favicons (ICO, PNG).
Wie benutzt man Favicon-Generator?
Laden Sie Ihr Quellbild hoch.
Wählen Sie die zu generierenden Favicon-Größen.
Generieren und laden Sie die ICO/PNG-Favicon-Dateien herunter.
Häufig gestellte Fragen zu Favicon-Generator
Welches Bildformat wird für Favicons empfohlen?
Ein quadratisches PNG-Bild (512×512px oder größer) wird empfohlen. Das Tool passt automatisch die Größe an und erstellt auch das ICO-Format.
Was ist ein Apple Touch Icon?
Apple Touch Icon ist das Symbol, das beim Hinzufügen einer Website zum Homescreen auf iOS-Geräten angezeigt wird. Standardgröße ist 180×180px PNG.
Ich habe das Favicon ersetzt, der Browser zeigt aber weiter das alte.
Browser halten Favicons ungewöhnlich lange im Cache, und ein normales Neuladen löst sie selten ab. Prüfen Sie es, indem Sie die Adresse der Icon-Datei direkt in die Adresszeile eingeben; erscheint dort das neue Bild, hilft ein erzwungenes Neuladen oder ein privates Fenster. Damit alle Besucher die Änderung sehen, benennen Sie die Datei am besten um – etwa in favicon-v2.png – und passen das link-Tag an.
Wie bleibt das Favicon im Dunkelmodus sichtbar?
Ein Symbol aus reinen schwarzen Linien verschwindet in einer dunklen Tableiste nahezu. Statt den Hintergrund transparent zu lassen, legen Sie einen Kreis oder ein Quadrat in Markenfarbe darunter und setzen die Form darauf – so hält die Silhouette in hellem wie dunklem Design. Ein SVG-Favicon kann per Media Query im Dunkelmodus sogar die Farbe wechseln, doch legen Sie für Browser ohne diese Unterstützung ein PNG daneben.
Wie nutzt man Favicon-Generator optimal?
Beginnen Sie mit einem quadratischen PNG in 512x512, damit 16, 32 und 180 px sauber bleiben.
iOS braucht ein apple-touch-icon in 180x180, das PWA-Manifest 192 und 512 px.
Im Tab bleiben nur 16 px – ein Buchstabe oder Symbol liest sich besser als ein Schriftzug.