toolbin_

Favicon-Generator: Favicon aus einem Bild erstellen

Erstellen Sie aus einem importierten Bild ein Favicon (16/32/48/180 px PNG) in Ihrem Browser.

100% local generation (canvas). Your image is never uploaded.

🔒 100 % clientseitig — keine Daten gesendet

Erstellen Sie aus einem importierten Bild ein Favicon in den passenden Größen (16, 32, 48 und 180 px), bereit zum Einbinden in Ihre Website. Die Konvertierung läuft vollständig in Ihrem Browser: Ihr Bild wird nie hochgeladen, alles bleibt privat auf Ihrem Gerät.

What is it for?

  • Einer neuen Website ein Tab-Icon hinzufügen
  • Das 180-px-Apple-Touch-Icon für iOS erzeugen
  • Ein PNG-Logo in ein Favicon-Set mit mehreren Größen konvertieren
  • Das Favicon einer Website nach einer Logoänderung aktualisieren

FAQ

Welche Bildgröße sollte ich importieren?

Beginnen Sie mit einem quadratischen Bild von mindestens 512 px pro Seite, damit es in jeder Größe scharf bleibt. Ein transparenter PNG-Hintergrund liefert das beste Ergebnis, besonders für kleine 16-px-Icons.

Wie füge ich das Favicon zu meiner Website hinzu?

Legen Sie die erzeugten Dateien im Stammverzeichnis Ihrer Website ab und referenzieren Sie sie anschließend im <head> mit <link rel="icon">-Tags. Fügen Sie für das 180-px-Icon, das für Apple-Geräte gedacht ist, ein apple-touch-icon-Tag hinzu.

Warum mehrere Favicon-Größen erstellen?

Jeder Kontext zeigt das Icon in einer anderen Größe: Browser-Tab, Lesezeichen, mobile Verknüpfung oder Home-Bildschirm. Mehrere Größen verhindern Unschärfe und sorgen überall für ein klares Icon.