SVG zu Favicon

Verwandeln Sie ein SVG-Logo in einen kompletten Favicon-Satz — favicon.ico, apple-touch-icon und Web-App-Icons — gestochen scharf gerastert 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.

Vektor hinein, jede Rastergröße heraus

Ein SVG ist die ideale Favicon-Quelle: Es ist auflösungsunabhängig, sodass jede Icon-Größe aus der ursprünglichen Geometrie gerastert werden kann, statt aus einer bereits kleinen Bitmap neu abgetastet zu werden. Legen Sie Ihr SVG ab, und jede Ausgabe — 16, 32, 48, 180, 192 und 512 Pixel — wird aus dem Vektor in ihrer nativen Größe gezeichnet, was die Kanten scharf statt matschig hält. Das ist der Unterschied zwischen einem Icon, das im Tab durchdacht wirkt, und einem, das wie ein Fleck aussieht.

Warum Sie die .ico trotzdem brauchen

Moderne Browser verwenden bereitwillig ein SVG-Favicon direkt, ältere und viele Werkzeuge jedoch — Feed-Reader, Chat-Vorschauen, Desktop-Verknüpfungen — suchen weiterhin nach einer favicon.ico. Beides aus demselben SVG zu erzeugen, deckt alles ab. Fügen Sie Abstand hinzu, wählen Sie eine quadratische, abgerundete oder kreisförmige Maske und einen Hintergrund, und laden Sie dann den kompletten Satz mit einem fertig einzufügenden HTML-Schnipsel herunter.

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.