Ueberblick
Mit diesem Tool bereitest du aus einem einzigen Quellbild ein Favicon-Set vor, ohne Designsoftware zu installieren. Die Verarbeitung läuft lokal im Browser, sodass die Datei auf deinem Gerät bleibt, während du Icons für Tabs, Lesezeichen und App-Installationen erzeugst. Besonders praktisch ist das, wenn bereits ein Logo vorhanden ist und daraus brauchbare Ausgaben in mehreren Größen entstehen sollen. Du kannst mit einem quadratischen Markenzeichen, einem kompletten Logo oder einer anderen Grafik starten und erhältst Dateien, die direkt in einen Website-Asset-Ordner oder in einen App-Build passen.
Anwendungsfaelle
- Neue Website startenErstelle die Favicon-Dateien vor dem Launch, damit Tab-Icon und Lesezeichen-Symbol zum Branding passen.
- Logo in Icon-Set umwandelnWandle ein Markenlogo in ein kompaktes Favicon-Set für Header, Browser-Tabs und installierbare Web-Apps um.
- PWA-Dateien vorbereitenErzeuge die Icon-Größen, die bei installierbaren Web-Apps oft benötigt werden, aus einer einzigen Vorlage.
- Rebranding ausrollenErsetze das alte Website-Icon durch ein neues Set und lade die aktualisierten Dateien in einem Durchgang herunter.
So funktioniert es
- 1
Wähle ein Quellbild von deinem Gerät aus.
- 2
Der Generator erstellt daraus Favicon- und Icon-Größen.
- 3
Prüfe das Ergebnis in der Vorschau.
- 4
Lade die Dateien herunter, die du für Website oder App brauchst.
Beispiele
Quadratisches Logo als Favicon-Set
Eingabe: Eingabe: 1024×1024 PNG-Logo mit einem einfachen weißen Symbol auf dunklem Hintergrund.
Ausgabe: Ausgabe: ein Favicon-Set in den üblichen Browser- und App-Größen, sofort zum Download bereit.
Eine klare quadratische Vorlage liefert die konsistentesten Ergebnisse in kleinen Größen.
Produktmarke als transparentes PNG
Eingabe: Eingabe: transparentes 512×512 PNG mit rotem Wortzeichen.
Ausgabe: Ausgabe: scharfe Icon-Dateien, die den transparenten Hintergrund dort beibehalten, wo er unterstützt wird.
Gut geeignet, wenn das Icon auf verschiedenen Seitenthemen funktionieren soll.
Illustration als Website-Icon
Eingabe: Eingabe: 1200×800 JPG-Illustration aus einer Kampagne.
Ausgabe: Ausgabe: zugeschnittene oder angepasste Favicon-Größen für die Browser-Nutzung.
Hilfreich, wenn das Ausgangsbild kein Logo ist, aber trotzdem als Site-Icon dienen soll.
FAQ
Was passiert, wenn mein Bild nicht quadratisch ist?
Der Generator kann trotzdem Favicon-Dateien erstellen, aber das Ergebnis braucht eventuell Zuschnitt oder verliert bei sehr kleinen Größen Details. Ein quadratisches Quellbild liefert meist die sauberste Ausgabe.
Kann ich SVG-, PNG- oder JPG-Dateien verwenden?
Ja, solange das Format vom Browser und vom Importweg des Tools unterstützt wird. Ein einfaches Bild mit starkem Kontrast funktioniert in kleinen Größen am besten.
Warum wirken kleine Favicons einfacher als das Originalbild?
Ein Favicon hat nur sehr wenig Platz, daher verschwinden feine Linien, kleiner Text und komplexe Verläufe schnell. Wenn das Ergebnis zu komplex wirkt, vereinfache das Quellbild und generiere es erneut.
Erstellt das Tool alle Formate für jede Plattform?
Es erstellt die üblichen Favicon- und Site-Icon-Größen, aber plattformspezifische Bundles können zusätzliche Dateien verlangen. Prüfe die Icon-Liste deiner Zielplattform.
Warum sieht eine Ausgabegröße unscharf aus?
Sehr kleine Ausgaben reagieren empfindlich auf Detailgrad. Wenn eine Größe weich wirkt, nutze ein größeres und schärferes Quellbild oder reduziere die Detailmenge im Motiv.