Ziehen Sie ein Bild hierher
oder klicken Sie zum Durchsuchen
Unterstützt JPEG, PNG, WebP, SVG
Generierte Favicons
HTML-Code
Anleitung
- Bild hochladen: Ein Logo oder eine Grafik wählen; quadratische Bilder mit einfacher Form funktionieren am besten.
- Zuschnitt anpassen: Nicht-quadratische Bilder werden automatisch mittig auf ein Quadrat zugeschnitten.
- Die Sammlung ansehen: Alle sechs Größen im Vorschauraster prüfen, von 16x16 bis 512x512.
- Herunterladen und kopieren: Die PNGs speichern und den HTML-Ausschnitt in den Head-Bereich Ihrer Website kopieren.
Funktionen
- Erzeugt sechs Standardgrößen: 16, 32, 48, 180, 192 und 512 Pixel
- Automatischer mittiger Zuschnitt für nicht-quadratische Bilder
- Fertiges HTML mit Apple-Touch-Icon, Manifest- und Theme-Color-Tags
- Live-Vorschauraster, das jede Größe vor dem Download zeigt
- Alles lokal in Ihrem Browser verarbeitet
Warum so viele Größen?
Das ursprüngliche Favicon war eine einzelne 16x16-ICO-Datei für den Browser-Tab, und über Jahre reichte das. Moderne Geräte änderten die Regeln: iPhones verwenden ein 180x180-Ap-Touch-Icon, wenn jemand Ihre Website zum Home-Bildschirm hinzufügt, Android Chrome will 192x192- und 512x512-Icons für Splash-Screens, und hochauflösende Displays lassen das winzige 16x16 in Lesezeichen unscharf wirken.
Größen auszulassen hat sichtbare Folgen. Ohne apple-touch-icon greift iOS auf einen komprimierten Screenshot Ihrer Seite als Home-Bildschirm-Icon zurück — selten schmeichelhaft. Ohne 512x512-Icon kann eine PWA nicht richtig installiert werden. Wissenswert: Die 32x32-Größe ist, was Desktop-Browser auf Retina-Tabs tatsächlich zeigen, also verdient sie so viel Sorgfalt wie das 16x16.
Anwendungsfälle
- Neue Websites: Die vollständige Icon-Sammlung einmal vor dem Launch erzeugen.
- Rebrandings: Alle Favicon-Größen nach einem Logo-Update auf einmal austauschen.
- PWA-Builder: Die 192x192- und 512x512-Icons erzeugen, die das Manifest verlangt.
- Side-Projects: Ein professionelles Tab-Icon ohne Bildbearbeitungsprogramm erhalten.
Verwandte Tools
Häufig gestellte Fragen
Welche Größen brauche ich für ein Favicon?
Sie benötigen sechs Größen: 16×16 (Browser-Tab), 32×32 (Lesezeichen), 48×48 (allgemein), 180×180 (Apple Touch Icon), 192×192 (Android) und 512×512 (PWA-Splashscreen). Unser Generator erstellt alle diese automatisch.
Wie füge ich ein Favicon zu meiner Webseite hinzu?
Legen Sie die PNG-Dateien im Stammverzeichnis Ihrer Webseite ab und kopieren Sie dann den HTML-Ausschnitt in den Head-Bereich jeder Seite. Der Ausschnitt enthält Link-Tags für Standard-Favicons, Apple Touch Icons und Android Icons.
Erzeugt dieses Tool .ico-Dateien?
Nein, dieses Tool erzeugt PNG-Favicons, die dem modernen Standard entsprechen. Alle gängigen Browser unterstützen PNG-Favicons. Falls Sie eine .ico-Datei benötigen, konvertieren Sie das 16×16- oder 32×32-PNG mit einem dedizierten ICO-Konverter.