Favicon-Konverter

Bilder in Favicon-Formate umwandeln

Dateien verlassen Ihr Gerät nicht
Läuft im Browser
Kostenlos, ohne Anmeldung, ohne Wasserzeichen

Logo oder Bild hier ablegen oder klicken zum Auswählen

Ein quadratisches Bild ab 512 × 512 px liefert die schärfsten Ergebnisse. SVG ist ideal.

So verwenden Sie: Favicon-Konverter

Machen Sie aus einem Logo oder Bild ein komplettes Favicon-Set: favicon.ico, PNG-Größen, Apple-Touch-Icon, Android- und Maskable-Icons, Web-App-Manifest und die passenden HTML-Tags. Alles entsteht in Ihrem Browser; aus einer SVG-Quelle wird zusätzlich ein gestochen scharfes favicon.svg.

Ziehen Sie ein Logo oder Bild auf die Seite, klicken Sie zum Auswählen oder fügen Sie es mit Strg+V ein. PNG, JPG, SVG, WebP, GIF, AVIF, ICO und HEIC werden unterstützt.

Wählen Sie unter Einpassen „Ganzes Bild“ oder „Quadratisch zuschneiden“ und aktivieren Sie „Leere Ränder entfernen“, wenn das Logo transparente Ränder hat.

Legen Sie unter Icon-Stil Hintergrund (Keiner, Farbe oder Verlauf), Form und Innenabstand fest und prüfen Sie die Vorschau für Browser-Tab und Home-Bildschirm.

Füllen Sie die Website-Angaben aus (Name, Kurzname, Designfarbe, URL des Icon-Ordners) und wählen Sie unter Ausgabe die Größen.

Klicken Sie auf „Paket herunterladen (ZIP)“, laden Sie die Dateien auf Ihre Website und übernehmen Sie die Tags aus „In den <head> einfügen“ in Ihre Seite.

Häufige Fragen

Wird mein Logo auf einen Server hochgeladen?

Nein. Alle Icons werden per Canvas in Ihrem Browser gezeichnet, das Bild verlässt Ihr Gerät nicht.

Welche Dateien enthält das Paket?

favicon.ico (standardmäßig 16, 32 und 48 px, wählbar bis 256 px), favicon-16x16.png und favicon-32x32.png plus zusätzlich gewählte PNG-Größen, apple-touch-icon.png (180 px), android-chrome in 192 und 512 px, maskable-icon-512x512.png, site.webmanifest und favicon-snippet.html. Jede Datei lässt sich in der Liste „Dateien“ auch einzeln herunterladen.

Welches Ausgangsbild eignet sich am besten?

Ein quadratisches Bild ab 512 × 512 px. Kleinere Bilder werden hochskaliert, und die Seite weist darauf hin, dass sie unscharf wirken. Ideal ist SVG: Es bleibt in jeder Größe scharf und ergänzt das Paket um favicon.svg.

Mein Logo ist nicht quadratisch. Was passiert?

„Ganzes Bild“ behält das komplette Logo und lässt rundherum Platz. „Quadratisch zuschneiden“ füllt das Icon aus und schneidet die längeren Seiten ab.

Warum hat das Apple-Touch-Icon einen weißen Hintergrund?

iOS zeigt auf dem Home-Bildschirm keine Transparenz, deshalb sind apple-touch-icon.png und das Maskable-Icon immer deckende Quadrate. Bei Hintergrund „Keiner“ werden sie weiß gefüllt, und das Maskable-Icon hält das Motiv in der Schutzzone, damit Android es als Kreis zuschneiden kann.

Was ist der Unterschied zum Favicon-Generator?

Der Konverter geht von einem vorhandenen Bild aus. Der Favicon-Generator erstellt das Icon aus Buchstaben, einem Emoji oder einem Open-Source-Icon und liefert dasselbe Paket.