Zum Inhalt springen

Favicons erzeugen

Machen Sie aus einem Logo oder Bild alle Icon-Dateien, die eine Website braucht.

Verarbeitung in Ihrem Browser. Ihre Dateien bleiben auf diesem Gerät. Nichts wird auf unsere Server hochgeladen.

oder hierher ziehenUnterstützte Formate: PNG, JPG, JPEG, WEBP, SVG, GIF

Optionen
0%

Verwenden Sie ein quadratisches Bild mit mindestens 512 × 512 px oder eine SVG für das schärfste Ergebnis.

So verwenden Sie Favicon-Generator

  1. 1

    Laden Sie ein quadratisches Logo oder Bild hoch (PNG, SVG, JPG, WEBP oder GIF).

  2. 2

    Passen Sie Innenabstand und Hintergrund an und geben Sie den Namen Ihrer App ein.

  3. 3

    Laden Sie das ZIP herunter und fügen Sie die HTML-Tags in den <head> Ihrer Seiten ein.

Über Favicon-Generator

Der Generator erstellt favicon.ico (mit Bildern in 16, 32 und 48 Pixeln), Favicon-PNGs in 16, 32 und 48 Pixeln, ein Apple Touch Icon mit 180 Pixeln, Icons mit 192 und 512 Pixeln für Android und installierbare Web-Apps sowie eine site.webmanifest-Datei. Die Transparenz bleibt erhalten, außer beim Apple Touch Icon, das iOS auf einem einfarbigen Hintergrund anzeigt. Die besten Ergebnisse erzielen Sie mit einem quadratischen Bild von mindestens 512×512 Pixeln oder einer SVG. Alles wird in Ihrem Browser erzeugt.

Häufig gestellte Fragen

Welche Bildgröße sollte ich verwenden?

Ein quadratisches Bild mit mindestens 512×512 Pixeln oder eine SVG ergibt die schärfsten Icons.

Wohin kommen die Dateien?

Laden Sie sie in das Stammverzeichnis Ihrer Website hoch und fügen Sie die HTML-Tags in den <head> Ihrer Seiten ein.

Warum hat das Apple-Icon einen Hintergrund?

iOS unterstützt keine transparenten Home-Bildschirm-Icons, daher wird ein einfarbiger Hintergrund hinzugefügt.