Welche Größen brauche ich wirklich?

Fürs Web: ein Favicon mit 16 und 32 Pixeln, ein apple-touch-icon mit 180 Pixeln und Icons mit 192 und 512 Pixeln für das Manifest. Eine SVG daneben deckt moderne Browser in jeder Größe ab.

Warum sieht mein Icon im Browser-Tab unscharf aus?

Meist zu viele Details für 16 Pixel oder ein nicht quadratisches Ausgangsbild, das mit Balken aufgefüllt wird. Vereinfache die Grafik zu einer einzigen kräftigen Form und liefere ein wirklich quadratisches Bild.

Kann das Tool eine favicon.ico-Datei erzeugen?

Nein, das .ico-Format schreibt es nicht. Die Voreinstellung „Favicon“ erzeugt PNG-Icons mit 16, 32, 48 und 64 Pixeln, zusammen mit allen anderen angehakten Sets, in einer ZIP-Datei. Aktuelle Browser akzeptieren PNG-Favicons über ein link-Tag im Head der Seite.

Icon-Generator

Erstelle Favicon-, Apple-Touch-, Android- und PWA-Icon-Größen aus einem Bild oder aus einem Buchstaben oder Emoji und lade alle angehakten Größen zusammen als ZIP-Datei herunter.

Browser-Tool

Icon

Gestalte ein Icon aus einem Buchstaben, Symbol oder Emoji oder schneide ein Bild dafür zu. Jede Größe wird auf deinem Gerät gerendert.

Vorschau

Wird auf deinem Gerät gerendert.

Größe für den Einzeldownload

Dateiname

_512.png

Icon-Set

Favicon (16, 32, 48, 64)Browser-Tabs und Lesezeichen.

Web-App (192, 512)Icons für das PWA-Manifest.

Apple touch (120, 152, 167, 180)iOS-Home-Bildschirm.

Android (48, 72, 96, 144, 192, 512)Launcher-Pixeldichten.

Store (1024)Eintrag im App Store.

Zusätzliche Größe

6 Dateien: untitled_16.png, untitled_32.png, untitled_48.png, untitled_64.png, untitled_192.png, untitled_512.png

Über Icon-Generator

Die Icon-Größen, die ein Website-Manifest und eine App erwarten, aus einem einzigen Ausgangsbild erzeugen – sonst exportierst du dieselbe Grafik achtmal in acht Abmessungen und benennst jede richtig. Das Set zu erzeugen ist kostenlos und online. Das Ausgangsbild wird skaliert, ohne es hochzuladen, jedes Icon kommt sauber und ohne Wasserzeichen heraus, und kein Konto und keine Anmeldung sind im Weg.

So nutzt du Icon-Generator

Ein quadratisches Ausgangsbild bereitstellenAm besten 512 Pixel oder größer. Details, die bei 512 lesbar sind, überleben bei 16 nicht, die Grafik sollte also einfach sein.
Das Set erzeugenDie Standardgrößen für Browser-Tabs, Startbildschirme und Manifeste.
Das kleinste prüfenEin Icon mit 16 Pixeln ist der eigentliche Test. Ist es dort unleserlich, vereinfache die Grafik, nicht den Export.

Warum ein Bild nicht jede Größe abdecken kann

Ein Icon mit 16 Pixeln hat insgesamt 256 Pixel zur Verfügung. Grafiken mit feinen Linien, Verläufen oder Schrift werden in dieser Größe zu einem undeutlichen Fleck, egal wie sie verkleinert werden. Gestaltungen, die überleben, bestehen aus einer kräftigen Form mit hohem Kontrast – deshalb wirken erfolgreiche App-Icons in groß fast grob.

Was das Tool nicht kann

Verkleinern vereinfacht nicht. Eine detaillierte Illustration, auf 16 Pixel reduziert, bleibt detailliert und wird zu Matsch; ein wirklich kleines Icon braucht eine eigens gezeichnete Grafik.
Die Anforderungen der Plattformen ändern sich, besonders bei maskierten und adaptiven Icons auf Mobilgeräten. Prüfe die aktuellen Vorgaben für alles, was in einem Store eingereicht wird.

Icon-Generator: häufige Fragen

Welche Größen brauche ich wirklich?: Fürs Web: ein Favicon mit 16 und 32 Pixeln, ein apple-touch-icon mit 180 Pixeln und Icons mit 192 und 512 Pixeln für das Manifest. Eine SVG daneben deckt moderne Browser in jeder Größe ab.
Warum sieht mein Icon im Browser-Tab unscharf aus?: Meist zu viele Details für 16 Pixel oder ein nicht quadratisches Ausgangsbild, das mit Balken aufgefüllt wird. Vereinfache die Grafik zu einer einzigen kräftigen Form und liefere ein wirklich quadratisches Bild.
Kann das Tool eine favicon.ico-Datei erzeugen?: Nein, das .ico-Format schreibt es nicht. Die Voreinstellung „Favicon“ erzeugt PNG-Icons mit 16, 32, 48 und 64 Pixeln, zusammen mit allen anderen angehakten Sets, in einer ZIP-Datei. Aktuelle Browser akzeptieren PNG-Favicons über ein link-Tag im Head der Seite.

Fragen zu ToolsVerse selbst – Datenschutz, Kosten, was mit deinen Dateien passiert – beantworten die häufig gestellten Fragen.

Die Tools, die man zusammen mit Icon-Generator am häufigsten braucht.

Du findest das passende Tool nicht?

Sag uns, was du suchst, und wir prüfen, ob wir es hinzufügen.

Tool vorschlagen →