Anything Tools

Favicon Generator Komplettanleitung: Multi-Size ICO, Apple Touch & PWA Icons

|
|
6 Min. Lesezeit
|
Design
Favicon Generator Komplettanleitung: Multi-Size ICO, Apple Touch & PWA Icons

Moderne Websites benötigen mehr als ein einzelnes 16×16 Pixel-Icon. Dunkle Browser-Tabs, Google-Suchergebnisse (SERP), iOS Safari Home-Bildschirme und Android PWAs setzen jeweils spezifische Größen voraus.

Mit dem Favicon & App-Icon Generator erstellen Sie aus Initialen, Emojis oder PNG/SVG-Logos in Sekunden ein komplettes Icon-Paket direkt im Browser.


1. Alle wichtigen Größen im Überblick

  1. favicon.ico (16×16, 32×32, 48×48 Multi-Layer): Erfüllt die Google-Anforderungen für Suchergebnisse.
  2. favicon-16x16.png & 32x32.png: Desktop- und Retina-Browser-Tabs.
  3. apple-touch-icon.png (180×180): iOS & iPadOS Home-Screen-Icon.
  4. android-chrome-192x192.png & 512x512.png + site.webmanifest: Android- & PWA-Manifest.

Passen Sie Ihre SVG-Vorlage bei Bedarf vorab im SVG Viewer & Optimierer oder mit dem Farbwähler an.