Favicon-Generator

Wandle ein PNG- oder JPG-Bild direkt im Browser in quadratische Icons mit 16, 32, 48, 180 und 512 px um.

Tool wird geladen…

Favicon-GeneratorZiehe ein einzelnes PNG- oder JPG-Bild hinein und erhalte sofort ein komplettes Favicon-Set: quadratische PNG-Icons mit 16, 32, 48, 180 (Apple Touch) und 512 px (PWA). Jede Größe wird mit hochwertiger Canvas-Skalierung gerendert und lässt sich einzeln herunterladen, oder du holst dir alle auf einmal. Alles läuft lokal in deinem Browser – dein Bild wird niemals hochgeladen.

Was ist Favicon-Generator?

Der Favicon-Generator ist ein kostenloser, browserbasierter Favicon-Maker, der ein PNG- oder JPG-Bild in ein komplettes Set quadratischer Website-Icons verwandelt. Er ist gemacht für Entwickler, Webdesigner und Seitenbetreiber, die schnell Favicons für HTML, WordPress, PWAs oder Apple-Touch-Icons brauchen – ohne Software-Installation und ohne Anmeldung. Ziehe ein einzelnes Quellbild hinein, und sofort entstehen quadratische PNG-Icons mit 16, 32, 48, 180 (Apple Touch) und 512 px (PWA), jeweils mit hochwertigem Canvas-Rendering skaliert. Nutze ihn immer dann, wenn du ein Logo oder Bild vollständig auf deinem eigenen Gerät in einsatzbereite Favicon-Dateien umwandeln möchtest.

So verwendest du Favicon-Generator

  1. Ziehe ein PNG- oder JPG-Bild auf die Ablagefläche oder klicke sie an, um eine Datei von deinem Gerät auszuwählen.
  2. Warte, während das Tool automatisch alle fünf Größen rendert; darunter erscheint eine Vorschau deines Quellbilds und jedes erzeugten Icons.
  3. Klicke auf das Quellbild oder eine beliebige Icon-Miniatur, um die Zoom-Lightbox zu öffnen und zu prüfen, wie es bei dieser Pixelgröße aussieht.
  4. Drücke in einer Zeile auf die Download-Schaltfläche der jeweiligen Größe, um nur diese eine Größe zu speichern, zum Beispiel nur das PNG mit 32 px oder 512 px.
  5. Klicke auf „Alle herunterladen“, um alle erzeugten Größen auf einmal zu speichern.
  6. Verwende die Zurücksetzen-Schaltfläche, um das aktuelle Bild zu löschen und mit einem neuen von vorn zu beginnen.

Beispiele

Vom Logo zum kompletten Favicon-Set

Ziehe ein PNG-Firmenlogo namens logo.png hinein und erhalte fünf quadratische PNG-Dateien namens logo-16x16.png, logo-32x32.png, logo-48x48.png, logo-180x180.png und logo-512x512.png, bereit für den public-Ordner.

Nicht quadratisches Quellbild

Lade ein breites JPG-Banner hoch, und das Tool behält das ursprüngliche Seitenverhältnis bei, zentriert es mit transparentem Rand in jedem Quadrat, sodass das Icon nie verzerrt oder gestreckt aussieht.

Nur Apple-Touch- und PWA-Icons

Lass das Set rendern und lade dann statt der ganzen Stapel nur das 180-px-Apple-Touch-Icon und das 512-px-PWA-Icon einzeln herunter.

Häufig gestellte Fragen

Welche Bildformate kann ich hochladen?
Du kannst ein einzelnes PNG- oder JPG-Bild hineinziehen oder auswählen. Das Tool liest dieses eine Quellbild und rendert daraus alle Ausgabegrößen.
Welche Favicon-Größen erstellt es?
Es gibt fünf quadratische Größen aus: Standard-Favicons mit 16, 32 und 48 px, ein Apple-Touch-Icon mit 180 px und ein PWA-Icon mit 512 px. Jede ist eine eigene PNG-Datei.
Sind die Icons PNG- oder ICO-Dateien?
Jedes erzeugte Icon ist ein PNG. Das Tool erstellt für jede Größe eine einzelne quadratische PNG-Datei statt einer kombinierten ICO-Datei.
Wird mein Bild gestreckt, wenn es nicht quadratisch ist?
Nein. Jede Größe behält das ursprüngliche Seitenverhältnis bei und wird mit hochwertiger Canvas-Skalierung im Quadrat zentriert, wobei transparenter Rand den restlichen Platz füllt.
Wird mein Bild auf einen Server hochgeladen?
Nein. Alles läuft lokal in deinem Browser über die Canvas-API. Dein Bild wird niemals hochgeladen und bleibt vollständig privat auf deinem eigenen Gerät.

Verwandte Tools