ICOBild-Tools · 12 Tools

Favicon-Generator

Erstellen Sie das kleine Symbol, das in Browser-Tabs und auf Startbildschirmen von Smartphones erscheint, aus ein paar Buchstaben oder Ihrem Logo. Sie erhalten alle Größen, eine favicon.ico und den HTML-Code zum Einfügen.

Quelle
Form

VORSCHAU

HTML

<link rel="icon" href="/favicon.ico" sizes="48x48">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">

Fügen Sie diese Zeilen in den <head> Ihrer Seiten ein.

Läuft vollständig in Ihrem Browser. Ihre Eingaben werden an keinen Server gesendet.

So erstellen Sie ein Favicon

  1. Buchstaben oder Bild wählen

    Geben Sie ein bis drei Buchstaben oder ein Emoji ein oder öffnen Sie Ihr Logo.

  2. Gestalten

    Wählen Sie Form und Farben, bei einem Bild den Hintergrund und den Innenabstand.

  3. Herunterladen und einbinden

    Laden Sie die ZIP-Datei herunter, laden Sie die Dateien in das Stammverzeichnis Ihrer Website hoch und fügen Sie den HTML-Code in den Head-Bereich der Seite ein.

Was im Paket steckt

Sie erhalten eine favicon.ico mit 16, 32 und 48 Pixeln für Browser, PNG-Icons mit 16 und 32 Pixeln, ein Apple-Touch-Icon mit 180 Pixeln für die Startbildschirme von iPhone und iPad, Icons mit 192 und 512 Pixeln für Android sowie eine site.webmanifest, die alle auflistet.

Gestalten für 16 Pixel

Im Browser-Tab ist ein Favicon winzig. Ein oder zwei kräftige Buchstaben oder ein einfaches Symbol bleiben erkennbar; detailreiche Logos verschwimmen zu einem Fleck. Prüfen Sie vor dem Download die Vorschau mit 16 Pixeln.

Häufige Fragen

Wohin gehören die Dateien?

In das Stammverzeichnis Ihrer Website, sodass /favicon.ico und die anderen Pfade im HTML-Code existieren. Fügen Sie dann die HTML-Zeilen in den <head> ein.

Warum wird noch mein altes Favicon angezeigt?

Browser speichern Favicons lange im Cache. Laden Sie die Seite mit geleertem Cache neu oder öffnen Sie sie zum Prüfen in einem privaten Fenster.

Wird mein Logo hochgeladen?

Nein. Alle Icons werden in Ihrem Browser gezeichnet.