Favicon-Generator
Legen Sie ein Bild ab und erhalten Sie einen kompletten Favicon-Satz – .ico, jede PNG-Größe und den HTML-Code zum Einfügen – ohne etwas hochladen zu müssen.
Drag & drop a square image or logo here, or click to choose. PNG, JPG, SVG, WEBP — a square source (512×512 or larger) looks best. Your image never leaves your browser, nothing is uploaded.
Paste this into your <head>
Dieser Favicon-Generator erstellt einen vollständigen, produktionsbereiten Favicon-Satz aus einem einzelnen quadratischen Bild oder Logo, vollständig in Ihrem Browser. Es werden ein favicon.ico in mehreren Größen (16–256), PNG-Symbole mit 16, 32, 48, 180 (Apple-Touch-Icon), 192 und 512 Pixel sowie ein HTML-Kopfausschnitt zum Kopieren und Einfügen erstellt, der auf favicon.ico, das Apple-Touch-Icon, die PNG-Größen und ein site.webmanifest verweist. Da die gesamte Verarbeitung lokal mit der Canvas-API erfolgt, verlässt Ihr Bild Ihr Gerät nie – es gibt keinen Upload, keine Warteschlange und kein Wasserzeichen. Platzieren Sie einfach Ihr Logo, zeigen Sie eine Vorschau jeder generierten Größe an, laden Sie die Dateien herunter und fügen Sie den Ausschnitt ein.
Häufig gestellte Fragen
Was erzeugt dieser Favicon-Generator?
Ein kompletter Favicon-Satz aus einem Bild: ein favicon.ico in mehreren Größen (16, 32, 48, 64, 128 und 256 Pixel in einer einzigen Datei), PNG-Symbole in den Größen 16×16, 32×32, 48×48, 180×180 (Apple-Touch-Icon), 192×192 und 512×512 sowie ein fertig einfügbares HTML Kopfausschnitt.
Wird mein Bild auf einen Server hochgeladen?
Nein. Dieser Favicon-Generator läuft zu 100 % in Ihrem Browser über die Canvas-API. Ihr Bild wird lokal dekodiert und neu kodiert, sodass nichts hochgeladen, gespeichert oder geteilt wird – es ist völlig privat.
Welche Größe und welches Format sollte mein Quellbild haben?
Für das schärfste Ergebnis verwenden Sie ein quadratisches Bild mit mindestens 512×512. PNG, JPG, SVG und WEBP funktionieren alle. SVG- und große PNG-Logos lassen sich sauber auf jede Favicon-Größe verkleinern.
Wie füge ich das Favicon zu meiner Website hinzu?
Laden Sie favicon.ico und die PNG-Dateien in den Stammordner Ihrer Website herunter und kopieren Sie dann das generierte HTML-Snippet in den <head> Ihrer Seiten. Es verknüpft favicon.ico, die 16/32 PNGs, das Apple-Touch-Icon und ein site.webmanifest.
Wozu dient das Apple-Touch-Icon?
Das 180×180 große Apple-Touch-Symbol ist das Symbol, das iOS und iPadOS verwenden, wenn jemand Ihre Website auf seinem Startbildschirm speichert. Durch die Einbindung sieht Ihr Lesezeichen wie eine native App statt wie ein verschwommener Screenshot aus.
Warum eine .ico-Datei generieren und nicht nur PNGs?
favicon.ico ist die seit langem bestehende Standardeinstellung, die jeder Browser, auch ältere, im Stammverzeichnis der Website anfordert. Unsere .ico-Datei packt mehrere Auflösungen in eine Datei, sodass der Browser immer die gestochen scharfe Größe auswählt – und wir stellen Ihnen weiterhin auch die modernen PNGs zur Verfügung.
Einschließen oder abdecken – welche Passform soll ich wählen?
Briefkästen enthalten das gesamte Bild im Quadrat mit transparenten Kanten, sodass Ihr Logo vollständig sichtbar bleibt. Cover füllt das Quadrat von Kante zu Kante und beschneidet den Überlauf. Verwenden Sie „Contain“ für breite Logos und „Cover“ für bereits quadratische Symbole.
Ist dieser Favicon-Generator wirklich kostenlos?
Ja – es ist völlig kostenlos, ohne Anmeldung, ohne Einschränkungen und ohne Wasserzeichen. Da die Arbeit in Ihrem Browser geschieht, können Sie so viele Favicon-Sets generieren, wie Sie möchten.