Ein Favicon erstellen (Logo, Bild oder Emoji)
Aus einem Logo, Foto, einer Bild-URL oder einem Emoji, und wie du es bei 16x16 lesbar hältst.
Die Form der Aufgabe
- 1
Wähle eine Quelle
Starte mit einer Logo- oder Bilddatei, einem Emoji oder benannten Icon oder einer Bild-URL.
- 2
Gestalte für kleine Größen
Halte die Marke schlicht und kontraststark, damit sie bei 16x16 Pixeln lesbar bleibt.
- 3
Exportiere alle Größen und Formate
Erzeuge die .ico, die PNG-Größen, das apple-touch-icon und die Manifest-Icons in einem Durchgang.
Methode A: Aus einem Logo oder Bild
Lade ein Logo, ein Icon oder sogar einen Screenshot hoch. Der Generator schneidet zu, skaliert und exportiert jede Größe plus die .ico und das Manifest. Ausgangsgrafik als PNG oder SVG mit transparentem Hintergrund liefert das sauberste Ergebnis.
Methode B: Aus einem Emoji oder benannten Icon
Noch kein Logo? Wähle ein Emoji oder ein benanntes Icon und der Generator rendert es auf einen quadratischen oder runden Hintergrund deiner Wahl. Das ist der schnellste Weg, ein wiedererkennbares Favicon für ein Nebenprojekt, einen Prototyp oder ein internes Tool auszuliefern.
Methode C: Aus einer Bild-URL
Füge eine URL ein und zieh die Grafik direkt aus einer bestehenden Site oder einem Asset. Praktisch, wenn du eine Marke neu aufbaust, die du anderswo bereits live hast.
Gestalte für kleine Größen
Starte mit einer 512x512-Grafik und skaliere herunter, niemals herauf.
Lass feine Details und dünne Linien weg; sie verschwinden bei 16px.
Teste auf hellen und dunklen Tabs. Wenn du für jeden eine andere Marke brauchst, decken themenbewusste Favicons das ab.
Prüfe jede Abmessung im Favicon-Größen-Guide, bevor du exportierst.
16x16, in echter Größe
Wähle das richtige Format
| Format | Wofür es gedacht ist |
|---|---|
| ICO | Der Legacy-Standard, wird weiterhin unter /favicon.ico angefordert. Bündelt mehrere Größen in einer Datei. |
| PNG | Das Arbeitspferd für moderne Browser, das apple-touch-icon und Android. Eine Datei pro Größe. |
| SVG | Skaliert gestochen scharf und unterstützt Theme-Wechsel, mit PNG-Fallbacks für ältere Browser. |
Kampagnen- oder Saison-Icons gestalten
Willst du eine Feiertagsvariante oder eine Produktlaunch-Marke? Nutze die kreative Leinwand, um Favicons mit Text, Emoji und Icons zu entwerfen und zu verfeinern, bevor du sie übergibst.
Häufig gestellte Fragen
Welche Größe sollte ein Favicon haben?
Gestalte in hoher Auflösung (512x512) und exportiere herunter auf 16x16, 32x32, 48x48, 180x180 und 192x192, damit jeder Browser und jedes Gerät ein gestochen scharfes Icon bekommt.
Kann ich ein Favicon aus einem Emoji erstellen?
Ja. Wähle ein Emoji oder benanntes Icon und der Generator rendert es auf einen transparenten oder farbigen Hintergrund und exportiert automatisch jede Favicon-Größe.
In welchem Format sollte ein Favicon sein?
Liefere eine .ico mit mehreren Auflösungen für Legacy-Support, PNGs für moderne Browser und Geräte und optional ein SVG für gestochen scharfe Skalierung. Ein guter Generator erzeugt all das.