Zum Inhalt springen

Favicon-Generator

Erstelle aus deinem Logo ein Favicon-Paket für deine Website. Prüfe kleine Vorschauen und lade benannte ICO- und PNG-Dateien mit Webmanifest und HTML-Tags herunter.

Deine Datei

Bild ablegen und Favicons erstellen

PNG, JPG, WebP oder HEIC

Gut zu wissen

  • Dein Gerät verarbeitet die Datei

    Der verfügbare Speicher und die Grenzen des Werkzeugs bestimmen, welche Dateien möglich sind.

  • Ohne Datei-Upload

    Die Verarbeitung läuft im Browser. Deine Arbeitsdatei bleibt auf deinem Gerät.

  • Ohne Anmeldung

    Öffne das Werkzeug und beginne. Ein Konto ist nicht erforderlich.

Ein Favicon kennzeichnet deine Website in Tabs, Lesezeichen und Verknüpfungen. Der kostenlose Generator verarbeitet PNG, JPG, WebP und HEIC direkt im Browser; dein Bild wird nicht hochgeladen.

Du suchst nach „PNG to favicon“? Hier bekommst du ein Website-Paket mit mehreren Größen. Ein einfaches, kontrastreiches Zeichen bleibt bei 16 × 16 Pixeln besser erkennbar als kleine Schrift oder ein detailreiches Foto.

So erstellst du ein Favicon aus einem Bild

  1. Logo auswählen

    Ziehe ein Bild auf die Seite oder wähle eine Datei. Ideal ist eine quadratische Vorlage mit mindestens 512 × 512 Pixeln.

  2. Vorschauen prüfen

    Behalte das ganze Bild oder schneide es quadratisch zu. Passe Innenabstand und Hintergrundfarbe an.

  3. Paket herunterladen

    Entpacke das ZIP und lade die Icons und das Manifest auf deine Website. Füge die Tags in den HTML-Kopf ein.

Icon-Größen für Browser und Startbildschirm

Die ICO-Datei enthält 16, 32 und 48 Pixel. PNG-Dateien decken 16, 32, 48, 96, 180, 192 und 512 Pixel ab. Das Apple-Touch-Icon hat einen deckenden Hintergrund; das maskierbare Icon schützt das Motiv im sicheren Bereich.

Ein Logo auch in klein gut erkennbar machen

Nutze transparentes PNG oder entferne zuerst den Hintergrund. Mit Bild zuschneiden kannst du das Motiv vorbereiten. Hochskalieren stellt verlorene Details nicht wieder her. Für eine einzelne ICO-Datei nutze Bild in ICO umwandeln.

Favicon einbinden und Fehler beheben

Der HTML-Code verwendet das Stammverzeichnis. Ergänze bestehende Manifest-Einträge und entferne widersprüchliche alte Tags. Prüfe die Bild-URLs und den Cache. Suchmaschinen müssen Änderungen erneut crawlen; eine Anzeige in Suchergebnissen ist nicht garantiert.

Favicon-Größen und Dateinamen

Das ZIP enthält 12 Dateien. Diese Bilddateien sind dabei.

DateiGröße in PixelnVerwendung
favicon.ico16 / 32 / 48Browser-Tabs und ICO-Kompatibilität
favicon-16x16.png · favicon-32x32.png · favicon-48x48.png16 / 32 / 48Kleine PNG-Alternativen
favicon-96x96.png96 × 96Größeres Browser- und Suchsymbol
apple-touch-icon.png180 × 180Verknüpfungen auf iPhone und iPad
android-chrome-192x192.png · android-chrome-512x512.png192 / 512Android- und Web-App-Icons
maskable-icon-512x512.png512 × 512Maskierbares Icon mit sicherem Bereich

Passende Icons für dein Webprojekt

  • Unternehmenswebsites

    Ein wiedererkennbares Logo in Tabs und Verknüpfungen.

  • Blogs und Portfolios

    Ein Website-Symbol ohne zusätzliche Bildbearbeitungssoftware.

  • Web-Apps

    Icons für das Manifest vorbereiten und weitere Installationsvoraussetzungen separat prüfen.

Häufige Fragen

Ist der Favicon-Generator kostenlos?
Ja. Du kannst die Dateien ohne Konto und Wasserzeichen erstellen und herunterladen. Die Verarbeitung erfolgt lokal im Browser.
Kann ich PNG oder JPG in ein Favicon umwandeln?
Ja, auch WebP und HEIC. Transparentes PNG eignet sich für Logos. SVG, GIF und ICO werden als Eingabe nicht unterstützt.
Was enthält das ZIP?
Eine ICO-Datei mit mehreren Größen, acht PNGs, site.webmanifest, ein HTML-Fragment und eine deutsche Anleitung. Ein maskierbares 512-Pixel-Icon ist separat enthalten.
Warum hat das maskierbare Icon mehr Abstand?
Android kann Icons unterschiedlich zuschneiden. Deshalb bleibt das ganze Bild innerhalb des zentralen sicheren Kreises auf einem deckenden Hintergrund.
Zeigt Google mein Favicon sofort an?
Nein. Google muss Startseite und Icon crawlen. Das quadratische 96-Pixel-PNG ist größer als die empfohlenen 48 Pixel. Verwende eine stabile, erreichbare URL; die Anzeige ist nicht garantiert.
Wird meine Website damit zur PWA?
Das Paket liefert Icons und ein Ausgangsmanifest. Für eine installierbare Web-App sind weitere Voraussetzungen nötig. Prüfe insbesondere Name, Start-URL und Geltungsbereich vor der Veröffentlichung.

Passende Ratgeber

Alle Ratgeber

Passende nächste Schritte

Alle Bildwerkzeuge