Favicon-Generator
Erstellen Sie einen kompletten Satz Favicon- und App-Icon-PNGs — von 16×16 bis 512×512 — direkt in Ihrem Browser, aus jedem Bild.
🔒 Lokal in Ihrem Browser verarbeitet
Loading…
So funktioniert's
- Ziehen Sie ein Bild per Drag & Drop auf das obige Feld oder klicken Sie darauf, um eine Datei auszuwählen.
- Nicht quadratische Bilder werden automatisch mittig auf ein Quadrat zugeschnitten.
- Sehen Sie sich die Vorschau jeder erstellten Icon-Größe direkt an.
- Laden Sie Icons einzeln herunter oder nutzen Sie „Alle herunterladen“, um alle Größen nacheinander zu speichern.
Funktionen
- Erstellt 6 Standardgrößen: 16, 32, 48, 180, 192 und 512 px
- Enthält das Apple-Touch-Icon sowie die Icon-Größen für das Android/PWA-Manifest
- Schneidet nicht quadratische Bilder automatisch mittig auf ein Quadrat zu
- Sofortige Vorschau für jede erstellte Größe
- 100 % clientseitig — basierend auf der Canvas-API, keine Uploads
Häufig gestellte Fragen
Warum werden so viele verschiedene Favicon-Größen benötigt?
Verschiedene Browser, Betriebssysteme und Plattformen fordern unterschiedliche Icon-Größen an — zum Beispiel 16×16 und 32×32 für Browser-Tabs und Lesezeichen, 180×180 für das Apple-Touch-Icon unter iOS sowie 192×192/512×512 für den Android-Startbildschirm und das PWA-Manifest. Wenn Sie alle bereitstellen, sieht Ihre Website überall scharf aus.
Was passiert, wenn mein Bild nicht quadratisch ist?
Es wird vor dem Skalieren automatisch mittig auf das größtmögliche Quadrat zugeschnitten, sodass jedes erstellte Icon quadratisch und ohne Verzerrung ist.
Welche Dateiformate kann ich hochladen?
JPG-, PNG- und WebP-Bilder werden unterstützt. Jedes erstellte Favicon wird als PNG-Datei exportiert.
Wird mein Bild irgendwohin hochgeladen?
Nein. Zuschneiden und Skalieren erfolgen vollständig lokal über die Canvas-API des Browsers — Ihr Bild verlässt niemals Ihr Gerät.
Wie verwende ich die erstellten Dateien auf meiner Website?
Legen Sie favicon-16x16.png, favicon-32x32.png, favicon-48x48.png und apple-touch-icon.png im Stammverzeichnis Ihrer Website ab und binden Sie diese zusammen mit den beiden Android/PWA-Größen über HTML-link-Tags oder Ihr Web-App-Manifest ein.