Logo oder Grafik auswählen
Ziehe dein Bild hierher oder klicke zum Auswählen
Empfohlen: Quadratische PNG, SVG, WEBP oder JPG (z.B. 512x512 px)
Vorschau in Browser & Mobilgeräten
Browser Tab (Dark Mode)
Browser Tab (Light Mode)
Generierte Icon-Dateien
HTML Code für deine Website (<head>)
Favicon Generator: Erstelle dein Website-Icon in allen Formaten
Ein Favicon (kurz für Favorites Icon) ist das kleine Symbol, das im Browser-Tab, in den Lesezeichen, in Verläufen und in den Google-Suchergebnissen auf Smartphones angezeigt wird. Es ist das visuelle Aushängeschild jeder professionellen Website und stärkt den Wiedererkennungswert deiner Marke erheblich.
⭐ Markenerkennung
Besucher erkennen deinen geöffneten Browser-Tab selbst bei 30 geöffneten Fenstern sofort an deinem Logo.
📱 Mobile App-Feel
Das Apple Touch Icon (180x180 px) sorgt für ein gestochen scharfes App-Icon, wenn Nutzer deine Seite zum iPhone-Homescreen hinzufügen.
🚀 Google SERP SEO
Google zeigt dein Favicon auf Smartphones direkt in den mobilen Suchergebnissen an, was die Klickrate (CTR) steigert.
Welche Favicon-Formate werden generiert?
Unser kostenloser Favicon Generator erstellt aus deiner Bilddatei (PNG, SVG, WEBP oder JPG) ein vollständiges Paket für alle modernen und älteren Endgeräte:
- favicon.ico (16x16, 32x32, 48x48): Das klassische Format für ältere Browser (Internet Explorer) und Windows-Lesezeichen.
- favicon-32x32.png & favicon-16x16.png: Das Standard-PNG-Format für moderne Desktop-Browser wie Google Chrome, Mozilla Firefox, Safari und Microsoft Edge.
- apple-touch-icon.png (180x180): Speziell für iOS-Geräte (iPhone & iPad), wenn der Nutzer deine Website zum Home-Bildschirm hinzufügt.
- android-chrome-192x192.png & 512x512.png: Für Android-Smartphones und Progressive Web Apps (PWA).
In 3 einfachen Schritten dein Favicon erstellen:
Logo oder Grafik hochladen
Ziehe dein Firmenlogo (PNG, SVG, WEBP oder JPG) in das Feld oben oder wähle die Datei von deinem Computer aus.
Echtzeit-Vorschau prüfen
Prüfe in den interaktiven Browser-Tab-Mockups (Dark Mode & Light Mode), wie dein Favicon auf echten Websites aussieht.
ZIP & HTML Code herunterladen
Lade mit 1 Klick das komplette ZIP-Icon-Paket herunter und kopiere den fertigen HTML-Code für den <head>-Bereich deiner Website.
Favicon Formate im Vergleich
| Format | Auflösung (px) | Einsatzbereich | Kompatibilität |
|---|---|---|---|
| favicon.ico | 16x16, 32x32, 48x48 | Desktop Browser, Lesezeichen, IE | 100% Universell |
| favicon-32x32.png | 32x32 | Moderne Desktop Browser (Chrome, Firefox, Safari) | 99.9% Sehr Hoch |
| apple-touch-icon.png | 180x180 | iPhone & iPad Home-Screen Icons | iOS / Apple Standard |
| android-chrome-192x192.png | 192x192 / 512x512 | Android Smartphones & Progressive Web Apps (PWA) | Android / Chrome Standard |
Häufige Fragen zu Favicons (FAQ)
Welche Bildgröße ist ideal für die Quelldatei?
Am besten eignet sich ein quadratisches Bild mit 512x512 Pixeln als PNG oder SVG mit transparentem Hintergrund. Unser Converter skaliert das Bild automatisch verlustfrei auf alle benötigten Größen.
Warum zeigt Google mein neues Favicon nicht sofort an?
Google crawlt Favicons separat. Es kann zwischen einigen Tagen und wenigen Wochen dauern, bis der Googlebot deine Website neu indiziert und das neue Favicon in den Suchergebnissen anzeigt.
Wo muss ich die Favicon-Dateien ablegen?
Entpacke die ZIP-Datei und lade die Favicon-Dateien direkt in das Hauptverzeichnis (Root-Ordner) deines Webservers hoch (z.B. /public_html/favicon.ico).
Werden meine Logodateien auf eurem Server gespeichert?
Nein! Die Konvertierung findet zu 100 % lokal in deinem Browser über HTML5 Canvas statt. Deine Bilddaten verlassen deinen Computer zu keinem Zeitpunkt.