Welche Dateien erhalte ich?

favicon.ico (eine echte Icon-Datei mit mehreren Auflösungen, die die Größen 16×16, 32×32 und 48×48 enthält), favicon-16x16.png, favicon-32x32.png, apple-touch-icon.png (180×180), android-chrome-192x192.png, android-chrome-512x512.png, site.webmanifest sowie einen fertigen HTML-Codeschnipsel.

Wo müssen diese Dateien auf meiner Website liegen?

Alle gehören ins Stammverzeichnis deiner Website (z. B. deineseite.de/favicon.ico), und die Pfade im HTML-Snippet gehen genau davon aus. Nutzt du ein Framework, das einen /public-Ordner im Stammverzeichnis ausliefert, kommen die Dateien üblicherweise dorthin.

Welches Bild sollte ich hochladen?

Ein quadratisches (oder annähernd quadratisches) Logo- oder Icon-Grafik, mindestens 260×260 Pixel groß, im Format PNG, JPG, WebP oder SVG. Einfache, kontrastreiche Zeichen lassen sich bei 16×16 Pixeln meist besser erkennen als detailreiche Illustrationen oder textlastige Logos.

Was passiert, wenn ich ein nicht-quadratisches Bild hochlade?

Es wird für jede erzeugte Größe mittig auf ein Quadrat zugeschnitten, nicht gestreckt oder gestaucht — so bleibt das Icon korrekt und wird nicht verzerrt, allerdings werden dabei die Ränder eines breiten oder hohen Ausgangsbilds abgeschnitten.

Warum gibt es eine Mindestgröße für das Bild?

Das größte erzeugte Icon ist 512×512 Pixel groß (für Android/PWA); geht man von einem Ausgangsbild aus, das kleiner als etwa 260×260 Pixel ist, müsste dieses Icon stark hochskaliert werden, was zu einem weichen oder unscharfen Ergebnis führt. Bei SVG-Ausgangsdateien entfällt diese Prüfung, da Vektorgrafiken sich verlustfrei auf jede Größe skalieren lassen.

Muss ich die Datei site.webmanifest im Nachhinein bearbeiten?

Das Manifest wird mit einem Platzhalter-Site-Namen („My Website“) und Standardfarben ausgeliefert — öffne es in einem Texteditor und passe die Felder name, short_name, theme_color und background_color an deine tatsächliche Website an, bevor du sie veröffentlichst.

Ist die erzeugte favicon.ico eine echte ICO-Datei und keine bloß umbenannte PNG-Datei?

Ja. Es handelt sich um eine echte Windows-Icon-Datei mit mehreren Auflösungen, die drei separat eingebettete Bildgrößen enthält (16×16, 32×32, 48×48), erstellt mit einer speziellen Icon-Encoding-Bibliothek — demselben Dateiformat, das Browser und Betriebssysteme erwarten, seit es Favicons gibt.

Wird mein Bild irgendwo hochgeladen und gespeichert?

Dein Bild wird im Arbeitsspeicher verarbeitet, um das Favicon-Paket zu erzeugen, und direkt nach dem Versenden der Antwort verworfen — es wird nichts auf der Festplatte gespeichert.

Favicon-Generator — Komplettes Favicon-Paket aus einem Bild

Unser Favicon-Generator verwandelt ein einzelnes Logo-Bild in ein vollständiges, standardkonformes Favicon-Paket: eine echte favicon.ico mit mehreren Auflösungen, jede gängige PNG-Größe, die Browser und Geräte erwarten (16×16, 32×32, apple-touch-icon, Android/PWA-Icons), ein einsatzbereites site.webmanifest sowie einen fertigen HTML-Codeschnipsel, der alles im Head-Bereich deiner Seite verankert. Lade alles als ein ZIP-Archiv herunter und entpacke es direkt ins Stammverzeichnis deiner Website.

Kurzantwort

Der Favicon-Generator verwandelt ein einzelnes Logo-Bild in ein komplettes Favicon-Paket — eine echte favicon.ico mit mehreren Auflösungen, jede gängige PNG-Größe, ein site.webmanifest und einen fertigen HTML-Codeschnipsel — herunterladbar als ein einziges ZIP-Archiv. Kostenlos, und die Verarbeitung läuft auf unserem Server nur so lange, wie es dauert, die Dateien zu erzeugen; gespeichert wird nichts.

Logo hier ablegen oder klicken zum Hochladen

PNG, JPG, WebP oder SVG — quadratisch, mindestens 260×260px

So verwenden Sie Favicon-Generator — favicon.ico, PNGs & Manifest erstellen

1
Lade ein Logo oder Icon-Bild hoch — idealerweise quadratisch, mindestens 260×260px, als PNG/JPG/WebP/SVG.
2
Klicke auf „Favicons generieren“ — das Tool rendert alle gängigen Größen und erstellt eine echte favicon.ico.
3
Sieh dir die Vorschau an, wie das Icon im Browser-Tab, auf dem iOS-Homebildschirm und in Android-Größen aussieht.
4
Klicke auf „HTML-Snippet kopieren“, um die <head>-Tags zu erhalten, und auf „Alles als ZIP herunterladen“, um alle Dateien zu bekommen.

Warum Favicon-Generator — favicon.ico, PNGs & Manifest erstellen verwenden?

Ein „Favicon“ ist heute eigentlich keine einzelne Datei mehr — moderne Browser, iOS-Homebildschirme und Android/PWA-Installationen erwarten jeweils ihre eigene Icon-Größe und ihr eigenes Format, und das komplette Set von Hand richtig hinzubekommen bedeutet, dasselbe Logo sechs- oder siebenmal unterschiedlich zuzuschneiden und die exakten HTML-Tags sowie das Manifest-JSON jeder Plattform von Hand zu schreiben. Geht dabei etwas schief — eine fehlende Größe, ein verzerrter, nicht-quadratischer Zuschnitt, eine fehlerhafte favicon.ico —, ist das Ergebnis ein unscharfes oder fehlendes Icon im Browser-Tab, auf dem Homebildschirm oder im App-Wechsler, oft das Allererste, was ein Besucher an einer Website bemerkt. Dieses Tool erzeugt das gesamte Standardpaket in einem Durchgang aus einem einzigen Ausgangsbild: Jedes PNG wird mittig auf ein perfektes Quadrat zugeschnitten statt verzerrt gestreckt, favicon.ico ist eine echte Icon-Datei mit mehreren Auflösungen (keine bloß umbenannte PNG-Datei), und das begleitende site.webmanifest sowie der HTML-Codeschnipsel folgen der gleichen Konvention, die im Web heute üblich ist — das Ergebnis lässt sich direkt ins Stammverzeichnis einer Website legen, ohne weitere Anpassungen außer dem Ausfüllen des Site-Namens im Manifest.

Favicon-Generator — Komplettes Favicon-Paket aus einem Bild

Kurzantwort

So verwenden Sie Favicon-Generator — favicon.ico, PNGs & Manifest erstellen

Warum Favicon-Generator — favicon.ico, PNGs & Manifest erstellen verwenden?

Häufig gestellte Fragen

Ähnliche Tools

Meta-Tag-Generator — SEO-Titel, Beschreibung & Open-Graph-Tags

Website zu PNG, PDF, WebP & JPG konvertieren — Kostenloser Screenshot-Generator

Bildkompressor