Wie erstelle ich ein Favicon aus meinem Logo?

Ziehen Sie eine PNG-, JPEG-, WebP- oder SVG-Datei hinein, legen Sie Optionen wie Form, Abstand und App-Name fest und klicken Sie auf Favicon-Paket (.zip) erstellen. Kopieren Sie das HTML-Snippet, das unter In den head einfügen angezeigt wird.

Welche Dateien enthält die Favicon-ZIP-Datei?

favicon-package.zip enthält favicon.ico, PNG-Icons (16, 32, 180, 192 und 512 Pixel), site.webmanifest mit Ihrem App-Namen und eine favicon-snippet.html mit den Link-Tags.

Welche Bildgröße und welches Format sollte ich hochladen?

PNG, JPEG, WebP und SVG werden akzeptiert, jeweils eine Datei. Für das schärfste Ergebnis verwenden Sie ein quadratisches Bild von mindestens 512x512; ein transparentes PNG oder SVG funktioniert am besten.

Wie bekomme ich ein rundes oder abgerundetes Favicon?

Wählen Sie nach dem Hochladen unter Form Quadrat, Abgerundet oder Kreis. Sie können auch den Abstand von 0 bis 25 Prozent anpassen und das Ergebnis in der Browser-Tab-Vorschau ansehen.

Wird mein Bild hochgeladen, und warum schlägt die Erstellung fehl?

Icons werden mit dem Browser-Canvas gezeichnet und mit JSZip auf Ihrem Gerät gezippt. Wenn Sie Dieses Bild konnte nicht geladen werden sehen, ist die Datei möglicherweise beschädigt; versuchen Sie ein anderes Bild oder einen anderen Browser.

Ist es wirklich kostenlos?

Ja. Jedes Tool ist kostenlos nutzbar, ohne Konto und ohne Kreditkarte. Die Verarbeitung läuft auf Ihrem Gerät statt auf unseren Servern – genau deshalb können wir den Dienst kostenlos betreiben.

Werden meine Dateien hochgeladen?

Nein. Ihre Dateien werden in Ihrem Browser geöffnet und verarbeitet und nicht an LibraTool gesendet. Einige Tools laden zuerst eine Verarbeitungs-Engine oder ein KI-Modell in Ihren Browser; dieser Download enthält keine Daten von Ihnen.

Funktioniert es auf Mobilgeräten?

Ja. Es läuft in aktuellen mobilen Browsern unter iOS und Android, ohne dass etwas installiert werden muss. Sehr große Dateien können auf dem Smartphone langsam sein oder den Speicher sprengen; nutzen Sie dafür einen Computer.

🌟

Favicon-Generator – kostenlos

Verwandeln Sie ein beliebiges Bild in ein vollständiges Favicon-Paket: eine favicon.ico mit mehreren Größen, Apple-Touch-Icon, Android/PWA-Icons, ein Web-Manifest und das einfügefertige HTML-Snippet – alles gezippt, in Ihrem Browser.

Dateigröße hängt von Ihrem Gerät abDateien bleiben privatKeine Anmeldung erforderlichFür immer kostenlos

Datei hierher ziehen oder zum Auswählen klicken

PNG, JPG, WebP, SVG, HEIC, HEIF · Verarbeitung auf Ihrem Gerät

oder drücken Sie Strg+V, um aus der Zwischenablage einzufügen

Dateien durchsuchen

Ihre Dateien verlassen nie Ihr Gerät. Die gesamte Verarbeitung findet lokal in Ihrem Browser statt.

💡 Für das beste Ergebnis ein quadratisches Bild mit mindestens 512×512 hochladen. Transparentes PNG oder SVG empfohlen.

Häufige Anwendungen

Erstellen Sie ein Website-FaviconGenerieren Sie den kompletten Favicon-Satz, den jeder Browser und jedes Gerät erwartet.
PWA- und Manifest-Icons generierenErhalten Sie die 192px- und 512px-Icons und das Web-Manifest, das eine PWA benötigt.
Erstellen Sie ein Apple-Touch-IconGenerieren Sie das 180×180-Icon, das iOS verwendet, wenn eine Website auf dem Startbildschirm gespeichert wird.
Wandeln Sie ein Logo in ein Favicon umKonvertieren Sie Ihr Brand-Logo in ein sauberes, erkennbares Favicon.
Erstellen Sie Favicons für jedes FrameworkErhalten Sie einsatzbereite Favicon-Dateien für React, Next.js, WordPress und mehr.

So funktioniert es

Dieses Tool wandelt jedes PNG, JPEG, WebP oder SVG in ein vollständiges Favicon-Paket um – mehrgrößige .ico, Apple Touch Icon, Android-/PWA-Icons, ein Web-Manifest und ein einfügefertiges HTML-Snippet – vollständig in Ihrem Browser mit der Canvas API und JSZip. Nichts wird hochgeladen; Rendering und Dateierstellung erfolgen lokal.

1
Canvas skaliert Ihr Bild
Der Browser zeichnet Ihr Ausgangsbild in jeder benötigten Größe (16, 32, 48, 180, 192 und 512 px) auf nicht sichtbare HTML-Canvas-Elemente. SVGs ohne explizite width/height-Attribute werden zuerst über DOMParser und XMLSerializer normalisiert, damit Firefox und Chrome identische Pixel statt einer leeren Fläche erzeugen.
2
Ein selbst geschriebener ICO-Encoder packt die .ico-Datei
Kleine ICO-Einträge (16, 32, 48 px) werden als rohe 32-Bit-BGRA-DIB-Bitmaps kodiert – BITMAPINFOHEADER plus XOR-Zeilen von unten nach oben und eine 1-bpp-AND-Maske –, weil Windows-Shell-Komponenten in diesen Größen unkomprimiertes DIB-Format verlangen. Das Tool schreibt den ICO-Verzeichniskopf und verbindet die Einträge vollständig mit DataView und Uint8Array, ohne externe ICO-Bibliothek.
3
PNG-Ausgaben entstehen über canvas.toBlob
Jede PNG-Variante (favicon-16x16, favicon-32x32, apple-touch-icon-180x180, android-chrome-192x192, android-chrome-512x512) wird per canvas.toBlob mit 'image/png' erzeugt, wodurch die verlustfreie Kodierung der integrierten Bild-Engine des Browsers überlassen wird. Optionaler Innenabstand, Hintergrundfarbe und Formbeschnitt (quadratisch, abgerundet oder rund) werden vorher auf den Canvas-Kontext angewendet.
4
JSZip bündelt alles in einen Download
JSZip fasst alle erzeugten Dateien – favicon.ico, die fünf PNGs, ein site.webmanifest mit Ihrem App-Namen und eine favicon-snippet.html mit den richtigen <link>-Tags – in einem einzigen .zip-Blob zusammen, das automatisch auf Ihr Gerät heruntergeladen wird.

Ihr Bild wird direkt in die Canvas API des Browsers geladen und verlässt nie Ihr Gerät – zu keinem Zeitpunkt werden Dateidaten an einen Server übertragen.

Favicon-Generator – kostenlos

Häufige Anwendungen

So funktioniert es

Ähnliche Tools

PNG zu ICO Favicon Konverter

Animierter GIF-Maker

Unterschrift erstellen

Häufige Fragen