Ein Bild in ein Favicon umwandeln

Verwandeln Sie ein Foto oder Logo in einen vollständigen Favicon-Satz — favicon.ico, apple-touch-icon und Web-App-PNGs — direkt in Ihrem Browser, ohne dass etwas hochgeladen wird.

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

Von einem einzigen Bild zu einem kompletten Satz

Legen Sie ein beliebiges Bild ab und erhalten Sie jedes Icon zurück, das eine Website braucht: eine favicon.ico in mehreren Größen für Tabs, ein 180px apple-touch-icon für iOS, 192- und 512px-PNGs für Android und PWAs, ein Web-Manifest und das HTML, um sie einzubinden. Nicht quadratische Bilder werden mittig zugeschnitten, um zu passen, und die Regler für Form, Abstand und Hintergrund lassen Sie das Ergebnis rahmen.

Privat von Grund auf

Favicon-Websites laden Ihre Grafik in der Regel hoch, bevor sie irgendetwas zurückliefern. Hier wird der ganze Satz mit der Canvas-API auf Ihrem Gerät erzeugt, sodass Ihr Logo nie übertragen, gespeichert oder protokolliert wird. Es geht sofort, funktioniert nach dem Laden offline, und was Sie herunterladen, ist genau das, was Ihr Browser erzeugt hat.

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.