Wie füge ich das Favicon auf meiner Website ein?

Laden Sie die benötigten PNG-Größen herunter und kopieren Sie die erzeugten Link-Tags in den head-Bereich Ihrer HTML-Seite. Das Snippet verwendet Pfade wie /favicon-32.png. Laden Sie die Dateien dort hoch oder passen Sie jedes href an den tatsächlichen Speicherort an. Das Tool veröffentlicht keine Dateien auf Ihrer Website.

Warum wirkt mein Logo als Favicon unscharf?

Verwenden Sie ein einfaches Symbol statt eines detailreichen Logos oder kleiner Schrift. Prüfen Sie die heruntergeladenen Versionen mit 16 und 32 Pixeln in Originalgröße. Für den größten Export sollte die Vorlage auf beiden Seiten mindestens 512 Pixel haben. Vergrößern stellt keine Details wieder her. Passen Sie Zuschnitt und Innenabstand an.

Moderne Browser akzeptieren ein 32×32-PNG als rel="icon". Ein Multi-Size-.ico entsteht hier nicht.

Nein. PNG oder JPEG, möglichst ≥ 512 px für das 512er.

Werden Daten gesendet?

Nein. Zuschnitt und Export bleiben im Tab.

(01) — TOOLS

Zugeschnittene Favicons.

Logo ablegen. Quadrat, Innenabstand, Hintergrund. Fünf PNGs und das <link>-Snippet. Nichts wird gesendet. Kein Multi-Size-.ico.

Kurz gesagt

PNG-Favicon-Generator, kostenlos, im Browser.
Quadrat-Zuschnitt, 16 / 32 / 180 / 192 / 512 px, HTML-Snippet.
Kein Multi-Size-.ico. Nichts wird hochgeladen.
Nichts wird gesendet.

(02) — METHODE

Quadrat, Größen, Snippet.

01 — Quadrat

Cover-Zuschnitt: die kurze Kante setzt das Quadrat. Schieber verschieben den Rahmen.

02 — Größen

16 und 32 (Tab), 180 (Apple), 192 und 512 (PWA). PNG, Browser-Canvas.

03 — HTML

(03) — FAQ

Kurze Fragen.

Wie füge ich das Favicon auf meiner Website ein?: Laden Sie die benötigten PNG-Größen herunter und kopieren Sie die erzeugten Link-Tags in den head-Bereich Ihrer HTML-Seite. Das Snippet verwendet Pfade wie /favicon-32.png. Laden Sie die Dateien dort hoch oder passen Sie jedes href an den tatsächlichen Speicherort an. Das Tool veröffentlicht keine Dateien auf Ihrer Website.
Warum wirkt mein Logo als Favicon unscharf?: Verwenden Sie ein einfaches Symbol statt eines detailreichen Logos oder kleiner Schrift. Prüfen Sie die heruntergeladenen Versionen mit 16 und 32 Pixeln in Originalgröße. Für den größten Export sollte die Vorlage auf beiden Seiten mindestens 512 Pixel haben. Vergrößern stellt keine Details wieder her. Passen Sie Zuschnitt und Innenabstand an.
Und favicon.ico?: Moderne Browser akzeptieren ein 32×32-PNG als rel="icon". Ein Multi-Size-.ico entsteht hier nicht.
SVG?: Nein. PNG oder JPEG, möglichst ≥ 512 px für das 512er.
Werden Daten gesendet?: Nein. Zuschnitt und Export bleiben im Tab.

← Alle Tools