Favicon zuschneiden (32, 16, 192, Multi-Size)
Ein Favicon ist nicht eine Datei, sondern eine Familie. 16×16 für Browser-Tab, 32×32 für Bookmarks, 48×48 für Windows-Taskbar, 180×180 für Apple-Touch, 192×192 für Android Web-Manifest. Quadrat zuschneiden, dann downsizen.
Bild hochladen
Ziehen Sie ein Bild hierher oder klicken Sie zum Auswählen
JPEG, PNG, WebP, GIF, AVIF, BMP, TIFF, HEIC · bis 50 MB
Mehrere Bilder gleichzeitig
Stapel von bis zu 50 Bildern mit denselben Einstellungen verarbeiten und als ZIP herunterladen. Aktive Einstellungen: mittiger Zuschnitt im Verhältnis des Zielmaßes, dann skaliert auf 32×32 px, Original-Format
Erst Quadrat schneiden, dann skalieren
Wir empfehlen, dein Source-Logo zunächst auf 256×256 oder 512×512 zuzuschneiden. Damit hast du eine saubere Master-Datei, aus der du alle kleineren Sizes ableitest.
Direkt auf 16×16 zu schneiden ist kontraproduktiv: Detail-Reduktion gehört in den Export-Prozess, nicht in den Crop.
Erkennbarkeit bei 16 Pixel
16×16 ist winzig. Ein detailiertes Logo wird zu einem unscharfen Klecks. Wer eine Wortmarke wie "AKARA" hat, sieht in der Tab-Leiste nur ein A.
Lösung: vereinfachte Variante des Logos für das Favicon nutzen, ein Initial-Buchstabe, ein abstrakter Marker, eine reduzierte Farbfläche. Apple, Google, GitHub machen es genauso.
Apple-Touch-Icon ist eigene Spec
Wenn ein iOS-Nutzer deine Website zum Home-Screen hinzufügt, nutzt iOS das Apple-Touch-Icon, separate Spec, 180×180 Pixel. Wir empfehlen, das über unsere Apple-Touch-Icon-Cluster-Page zu erstellen.
Android Web-Manifest nutzt 192×192 und 512×512 als Standard-Sizes für die Home-Screen-App-Installation.
Häufige Fragen
Reicht ein 32×32-Favicon?
Für den Browser-Tab ja. Für Bookmark-Listen, Apple-Touch, Android-Home und Windows-Pinning brauchst du weitere Sizes.
Welche Datei-Endung?
.ico für maximale Kompatibilität, .png mit 32×32 funktioniert in allen modernen Browsern. .svg seit 2023 in Chrome, Firefox und Safari unterstützt.
Weitere Plattformen
Apple-Touch-Icon zuschneiden (180×180)
Wenn ein iPhone-Nutzer deine Website zum Home-Screen hinzufügt, zeigt iOS das Apple-Touch-Icon als App-Icon. Spec ist 180×180 Pixel, quadratisch, mit moderner iOS-Maske auf abgerundete Ecken.
OG-Image zuschneiden (1200×630, OpenGraph-Standard)
1200×630 ist der OpenGraph-Standard für Link-Vorschau-Karten. Ein OG-Image im richtigen Format wird auf Facebook, LinkedIn, Slack, WhatsApp und X korrekt angezeigt, ohne wird das Bild zugeschnitten oder gar nicht geladen.
Instagram-Profilbild zuschneiden (rund, 320×320)
Instagram zeigt das Profilbild als Kreis. Du musst aber ein Quadrat hochladen, das die App selbst zu einem Kreis maskiert. Wer das ignoriert, verliert wichtige Bildteile am Rand.