Tabs vor dem Export prüfen
Teste dein Favicon in hellen und dunklen Tab-Umgebungen, bevor du Dateien exportierst.
Erstelle favicon.ico und browserfertige Favicon-PNGs mit Live-Tab-Vorschau
Diese Seite ist ideal für Websites, SaaS-Produkte und Landingpages, bei denen ein sauberes Favicon-Set Priorität hat.
Ein Logo hochladen, Icons für alle Plattformen erzeugen
Favicon-, Desktop- und Mobile-Icons sofort im Vergleich sehen
Browser
Desktop
Mobile
Generator ausprobieren
Diese Seite ist für favicon.ico, Browser-Tab-Sichtbarkeit und kleine Größen optimiert.
Live-Vorschau
Die Browser-Tab-Vorschau zeigt, ob dein Symbol in realen Tabs erkennbar bleibt.
Browser-Tab-Vorschau
IconBase
IconBase (Dark)
Google Search
iconbase.7-image.com
macOS-Dock-Vorschau
App
Windows-Taskleisten-Vorschau
App
10:00
Mobile-Home-Screen-Vorschau
9:41
IconBase
App
App
App
10:00
Search...
App
App
App
IconBase
Einstellungen und Export
Passe Hintergrund und Padding gezielt für 16x16 und 32x32 an.
Bild ändern
Standardmäßig ist ein Beispielbild geladen. Lade dein eigenes Logo hoch, um echte Exporte zu prüfen.
Bildanpassung
Passe das hochgeladene Motiv vor dem Export fein an.
Standard Rounded
20%
22.5%
0%
Mitte = 0
Verschiebe das hochgeladene Bild relativ zu seinem Mittelpunkt mit X/Y-Offsets.
0%
0%
Aurora Mesh
Vollfarben
Verläufe
Mesh & Grid
Glas-Effekte
Muster
Glow
Im Zip enthalten:
favicon-16x16.png16x16
favicon-32x32.png32x32
apple-touch-icon.png180x180
android-chrome-*.png192/512
icon-maskable-*.png512x512
icon-sharp-512x512.png512 / Scharf
desktop-*.png256/1024
site.webmanifestJSON
favicon.ico plus PNG-Größen
Erzeuge favicon.ico zusammen mit 16x16 und 32x32 PNG-Dateien für moderne und ältere Browserfälle.
Einheitliche Web-Icon-Systeme
Halte Browser-Tabs, Bookmarks, Apple Touch Icons und Android-Installationssymbole visuell konsistent.
So erstellst du ein Favicon-Set
1. Web-Marke hochladen
Nutze ein kompaktes Symbol oder eine reduzierte Logo-Variante.
2. Für kleine Größen optimieren
Passe Padding und Hintergrund so an, dass das Icon bei 16x16 und 32x32 klar bleibt.
3. Favicon-Paket herunterladen
Exportiere ein Zip mit favicon.ico, PNG-Dateien und Manifest.
Favicon FAQ
Ist favicon.ico enthalten?
Ja. Das Zip enthält favicon.ico zusätzlich zu den PNG-Favicon-Dateien.
Warum ist die Tab-Vorschau wichtig?
Favicons werden extrem klein angezeigt. Eine echte Tab-Vorschau zeigt, ob das Icon wirklich lesbar bleibt.
Kann ich den Export auch für PWAs nutzen?
Ja. Das Paket enthält außerdem Apple Touch, Android Chrome und Manifest-Dateien.