Favicon-Generator

Erzeugen Sie aus einem einzigen Bild einen kompletten Favicon-Satz — favicon.ico, apple-touch-icon, Android-/PWA-Icons und den HTML-Schnipsel — vollständig in Ihrem Browser. Nichts wird hochgeladen.

Datenschutz zuerst: Jedes Bild wird lokal in Ihrem Browser verarbeitet. Nichts wird auf einen Server hochgeladen, gespeichert oder übertragen.

Jedes Icon, das eine moderne Website braucht, auf einmal

Ein Favicon ist längst nicht mehr nur eine Datei. Browser lesen eine kleine favicon.ico für Tabs und die Adressleiste, iOS möchte ein 180×180 apple-touch-icon für den Startbildschirm, und Android sowie installierbare Web-Apps beziehen 192- und 512px-PNGs aus einem Web-Manifest. Dieser Generator baut sie alle aus einem einzigen Quellbild und liefert Ihnen einen fertig einzufügenden HTML-Schnipsel, sodass Sie nicht sechs Größen von Hand exportieren müssen.

Gerahmt, wie Sie möchten, privat gehalten

Halten Sie das Icon quadratisch, runden Sie die Ecken ab oder schneiden Sie es zu einem Kreis zu; fügen Sie Abstand hinzu, damit ein Logo nicht am Rand klebt; und wählen Sie einen transparenten oder einfarbigen Hintergrund. Eine Live-Vorschau zeigt das Ergebnis in echten Favicon-Größen, inklusive eines nachgebildeten Browser-Tabs. Da jede Datei auf Ihrem Gerät erzeugt wird, wird Ihr Logo — oft unveröffentlichtes Branding — nie an einen Server gesendet.

Häufig gestellte Fragen

Wird mein Bild hochgeladen, um das Favicon zu erstellen?
Nein. Die favicon.ico, die PNG-Icons und das Manifest werden alle lokal in Ihrem Browser über die Canvas-API erzeugt. Ihr Bild verlässt Ihr Gerät nie.
Welche Größen und Dateien erhalte ich?
Eine favicon.ico mit mehreren Auflösungen (16, 32 und 48 px), PNG-Icons in 16, 32, 48, 180 (apple-touch-icon), 192 und 512 px, eine site.webmanifest und einen HTML-Schnipsel zum Einfügen in Ihren <head>.
Kann ich eine PNG oder SVG in eine ICO umwandeln?
Ja. Legen Sie eine PNG, JPG, SVG oder WebP ab und laden Sie eine echte favicon.ico herunter. SVG-Logos werden zuvor lokal in hoher Auflösung gerastert.
Welches Bild eignet sich am besten?
Ein quadratisches Bild mit einem einfachen, kontrastreichen Logo. Nicht-quadratische Bilder werden mittig zugeschnitten; verwenden Sie die Abstands- und Formregler, um es nach Wunsch zu rahmen.
Wie installiere ich das Favicon?
Entpacken Sie das Paket in das Stammverzeichnis Ihrer Website und fügen Sie den mitgelieferten HTML-Schnipsel in den <head> Ihrer Seiten ein. Die favicon.ico wird von den meisten Browsern automatisch erkannt.