Favicon-Generator – Bild oder Text zu favicon.ico

Fügen Sie Text oder ein Bild hinzu und erhalten Sie alle Favicon-Dateien, die Ihre Website braucht – in allen passenden Größen.

Ihre Texte und Dateien bleiben in Ihrem Browser – nichts wird an einen Server gesendet.

Das apple-touch-icon (180 px) ist immer ein gefülltes Quadrat, weil iOS die Ecken selbst abrundet.

Vorschau
16×16
32×32
48×48
180×180
192×192
512×512
Dateien
    HTML-Tags (in <head>)
    site.webmanifest

    So funktioniert’s

    1. Wählen Sie „Aus Text oder Emoji“, um ein oder zwei Buchstaben oder ein Emoji zu nutzen, oder „Aus einem Bild“, um von Ihrem Logo auszugehen.
    2. Legen Sie Hintergrundfarbe, Form (Quadrat, abgerundet oder Kreis), Textgröße und Innenabstand fest – die Vorschau aktualisiert sich laufend.
    3. Mit „Alle herunterladen (ZIP)“ erhalten Sie favicon.ico, sechs PNGs, site.webmanifest und eine Datei mit den Tags. Jede Datei lässt sich auch einzeln herunterladen.
    4. Legen Sie die Dateien in das Stammverzeichnis Ihrer Website und fügen Sie die HTML-Tags in <head> ein.

    Häufige Fragen

    Welche Größen enthält favicon.ico?

    Sie enthält drei Bilder – 16, 32 und 48 px – im PNG-Format. Moderne Browser und Windows lesen PNG-Bilder in einer ICO-Datei direkt.

    Kann ich die Dateien umbenennen?

    Ja, passen Sie dann aber die Pfade in den HTML-Tags und in site.webmanifest an. Am einfachsten ist es, die vorgegebenen Namen zu behalten.

    Warum sehen Emojis auf jedem Gerät anders aus?

    Emojis werden mit den Schriften gezeichnet, die auf Ihrem Gerät installiert sind, daher unterscheiden sie sich zwischen Windows, macOS und Android. Das heruntergeladene PNG ist ein Bild und sieht überall gleich aus.

    Mein neues Favicon erscheint nicht im Browser.

    Browser speichern Favicons lange im Cache. Laden Sie die Seite ohne Cache neu (Strg + F5) oder hängen Sie ?v=2 an die Dateipfade in Ihren Tags an.

    Ähnliche Tools

    Alle Tools