Favicon-Generator: PNG online in Favicon umwandeln

Die Icon-Dateien, die eine Website braucht

Browser verwenden ein 32 × 32 Icon für Tabs und Lesezeichen, iPhones und iPads ein 180 × 180 Icon für Startbildschirm-Verknüpfungen, und installierbare Web-Apps führen 192 × 192 und 512 × 512 Icons in ihrem Manifest auf. Verlinke die ersten beiden im Kopf der Seite mit <link rel="icon" href="/favicon-32.png" sizes="32x32"> und <link rel="apple-touch-icon" href="/apple-touch-icon.png">.

Google zeigt das Favicon einer Website in den Suchergebnissen und verlangt ein quadratisches Icon, dessen Größe ein Vielfaches von 48 Pixeln ist, daher lohnt es sich, auch eine Version mit 48, 96 oder 144 Pixeln zu verlinken.

Für 16 Pixel gestalten

Ein Favicon wird oft mit 16 × 16 angezeigt, wo Text, dünne Linien und feine Details verschwinden. Verwende einen einzelnen Buchstaben oder die schlichteste Form des Logos mit starkem Kontrast. iOS zeigt die transparenten Teile eines Startbildschirm-Icons als Schwarz, daher gib der 180-Pixel-Version einen deckenden Hintergrund.

Für ein Komplettpaket, inklusive einer .ico-Datei mit mehreren Größen und einem Web-App-Manifest, nutze den Favicon-Konverter; für iPhone-, iPad- und Android-App-Icons den App-Icon-Generator.

So benutzt du es

1. Wähle ein quadratisches oder rechteckiges Ausgangsbild.
2. Wähle eine standardisierte Symbolgröße.
3. Erstelle das angepasste PNG und lade es herunter.

Datenschutz & Einschränkungen

Die Symbolerstellung bleibt in deinem Browser. Das Tool erstellt PNG-Dateien statt eines ICO-Containers mit mehreren Auflösungen.