Lege ein Logo oder Bild ab und erhalte ein komplettes Favicon-Paket: Multi-Resolution-.ico, Browser-PNGs, Apple Touch Icon, Android-Chrome-Icons und ein fertig zum Einfügen vorbereitetes HTML-Snippet — alles sofort generiert. Keine Anmeldung, keine Uploads, keine Wasserzeichen.
Bild hier ablegen oder klicken zum Durchsuchen
PNG, JPG, WebP, SVG, HEIC, TIFF · Quadratische Bilder funktionieren am besten · 512×512+ empfohlen
Beliebiges Bild hinein, komplettes Favicon-Paket heraus.
Lege ein Logo oder Icon ab — quadratische PNGs mit 512×512 oder größer liefern die schärfsten Ergebnisse. SVG und HEIC funktionieren ebenfalls.
Wähle Minimal, Standard oder Komplett. Passe den Abstand um das Icon an, lege eine Hintergrundfarbe fest oder behalte Transparenz.
Klicke auf Generieren. Sieh dir in der Vorschau an, wie dein Favicon in Browser-Tabs, auf iOS-Homescreens und auf Android aussieht. Lade alles als ZIP mit einem fertig zum Einfügen vorbereiteten HTML-Snippet und Web-Manifest herunter.
Everything you need to know
Ein Favicon ist das kleine Symbol, das in Browser-Tabs, Lesezeichen und mobilen Homescreens angezeigt wird. Moderne Plattformen erwarten mehrere Größen und Formate: ein Multi-Resolution-.ico für ältere Browser und Windows-Kacheln, PNGs für Android und PWA, ein Apple Touch Icon für iOS und optional ein SVG für scharfe Darstellung in jeder Größe. Dieser Generator erzeugt alle aus einem einzigen Quellbild.
Beginne mit einem quadratischen Bild mit 512×512 oder größer — SVGs sind ideal. Halte das Design einfach; Icons werden normalerweise mit 16×16 bis 32×32 Pixeln angezeigt, sodass feine Details verschwinden. Verwende hohen Kontrast; teste auf hellen und dunklen Browser-Themes. Wenn dein Logo horizontal ausgerichtet ist, generiere eine quadratische Alternative nur für das Favicon. Füge 8–15% Abstand um das Icon hinzu, damit es den Tab-Rand nicht berührt.
Für moderne Webprojekte generiere: favicon.ico (Multi-Size, 16–48), favicon-16x16.png und favicon-32x32.png (Browser-Tabs), apple-touch-icon.png bei 180×180 (iOS-Homescreen, keine Transparenz), android-chrome-192x192.png und android-chrome-512x512.png (Android-Home und PWA-Splash), ein site.webmanifest, das die Android-Icons verlinkt, und optional favicon.svg für Vektordarstellung. Die Voreinstellung Komplett generiert alle auf einmal.
Da alles auf deinem Gerät läuft, verlässt dein Quellbild niemals deinen Browser — ideal für private Logos und unveröffentlichtes Branding. Sobald du die generierten Dateien hochlädst, cachen Browser sie stark; beim Aktualisieren mache einen Hard-Refresh deines Browsers und überprüfe in einem Inkognito-Fenster. Einige CDNs (Cloudflare, Fastly) cachen favicon.ico separat — purge sie nach dem Ersetzen. Wenn dein Favicon immer noch nicht aktualisiert wird, vergewissere dich, dass die Datei im Stammverzeichnis der Seite liegt und 200 OK zurückgibt, wenn sie direkt angefordert wird.
Handverlesene Utilities, die gut zu diesem passen
