Zum Hauptinhalt springen

Favicon- / App-Icon-Generator

Lade ein quadratisches Ausgangsbild hoch und generiere ein Favicon-Paket mit App-Icons und einem Starter-Web-Manifest.

Keine Datei ausgewählt
Lade ein quadratisches Bild hoch, um es vor der Generierung hier in der Vorschau zu sehen.
Paketinhalt
DateiPixel
favicon.icoIcon
16 x 16, 32 x 32, 48 x 48
favicon-16x16.pngIcon
16 x 16
favicon-32x32.pngIcon
32 x 32
favicon-48x48.pngIcon
48 x 48
favicon-96x96.pngIcon
96 x 96
favicon-128x128.pngIcon
128 x 128
favicon-180x180.pngIcon
180 x 180
favicon-196x196.pngIcon
196 x 196
apple-touch-icon.pngIcon
180 x 180
apple-touch-icon-precomposed.pngIcon
180 x 180
android-chrome-192x192.pngIcon
192 x 192
android-chrome-512x512.pngIcon
512 x 512
site.webmanifestManifest
nicht zutreffend

Über Favicon- und App-Icon-Erstellung

Favicon-Generatoren verwandeln ein Ausgangsbild in das Icon-Set, das eine Website oder Web-App braucht. Das umfasst meist Browser-Tabs, Touch-Icons, Android-Assets und manifestfertige Dateien.

Was ein Favicon-Paket enthält

Ein Favicon-Paket enthält normalerweise favicon.ico plus die gängigsten PNG-Größen.

Wenn du sie gemeinsam generierst, vermeidest du fehlende Assets beim Launch.

Apple-Touch-Icons, Android-Icons und Manifest-Dateien

Moderne Setups brauchen außerdem Apple-Touch-Icons, Android-Icons und Manifest-Unterstützung.

Diese Ausgaben zu bündeln, macht Deployment und PWA-Setup einfacher.

Ausgangsgrafik vorbereiten

Ausgangsgrafiken funktionieren am besten, wenn sie quadratisch, einfach und in kleinen Größen lesbar sind.

Klare Grafiken liefern schärfere Ergebnisse bei 16x16, 32x32 und anderen sehr kleinen Exporten.

Häufig gestellte Fragen

Antworten zu Anforderungen an das Quellbild, generierten Favicon-Dateien, der runden Icon-Option und dazu, was du nach dem Download mit dem Paket machst.

Weitere Tools

Durchsuche alle dedizierten Tool-Seiten über den Homepage-Hub oder den zentrierten Selector im Header.