Favicon-Generator

Erstelle im Browser ein komplettes Favicon-Paket: eine echte Multi-Resolution-favicon.ico, PNGs von 16 bis 512 px, eine site.webmanifest und ein HTML-Snippet.

Tool wird geladen…

Favicon-Generator — Ziehe ein einzelnes PNG- oder JPG-Bild hinein und erstelle sofort ein komplettes Favicon-Paket: eine echte Multi-Resolution-favicon.ico (16/32/48), quadratische PNG-Icons von 16 bis 512 px, eine site.webmanifest und ein einfügefertiges HTML-head-Snippet. Wähle eine quadratische, abgerundete oder maskable Form, füge eine Hintergrundfüllung und Padding hinzu und lade dann eine einzelne Größe, die .ico oder das ganze Paket als ZIP herunter. 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, veröffentlichungsfertiges Favicon-Paket 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. Er bündelt eine echte Multi-Resolution-favicon.ico (16, 32 und 48 px), quadratische PNG-Icons mit 16, 32, 48, 180 (Apple Touch) und 192/512 px (Android/PWA), eine site.webmanifest und ein HTML-head-Snippet, alles mit hochwertiger Canvas-Skalierung gerendert. Nutze ihn immer dann, wenn du ein Logo oder Bild in jede Favicon-Datei umwandeln willst, die eine moderne Website braucht – vollständig auf deinem eigenen Gerät.

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. Öffne das Einstellungs-Zahnrad, um eine quadratische, abgerundete oder maskable Form zu wählen, eine Hintergrundfüllfarbe zu aktivieren und das Rand-Padding festzulegen.
  3. Warte, während das Tool jede Größe rendert, die Multi-Resolution-favicon.ico packt und die site.webmanifest sowie das HTML-Snippet erstellt.
  4. Klicke auf eine Miniatur, um die Zoom-Lightbox zu öffnen, oder kopiere das HTML-<head>-Snippet und den Manifest-Text direkt aus ihren Feldern.
  5. Nutze eine Schaltfläche pro Größe, um nur ein PNG zu speichern, die .ico-Schaltfläche für das Icon-Bündel oder „Paket herunterladen“, um alles als ZIP zu holen.
  6. Drücke Zurücksetzen, um das aktuelle Bild zu löschen und mit einem neuen von vorn zu beginnen.

Beispiele

Vom Logo zum kompletten Favicon-Paket

Ziehe ein PNG-Logo hinein und erhalte favicon.ico, favicon-16x16.png, favicon-32x32.png, favicon-48x48.png, apple-touch-icon.png, android-chrome-192x192.png, android-chrome-512x512.png und site.webmanifest sowie das passende <head>-Snippet – alles gepackt in favicon-package.zip.

Maskable Android-Icon

Stelle die Form auf maskable und aktiviere einen weißen Hintergrund: Das Tool fügt ein Safe-Zone-Padding hinzu und setzt den Icon-purpose des Manifests auf "maskable", sodass Android es in einen Kreis oder Squircle beschneiden kann, ohne dein Logo abzuschneiden.

Abgerundetes Icon mit Padding

Wähle die abgerundete Form und etwa 12 % Padding, um weich beschnittene Ecken mit Luft um das Motiv zu erhalten – passend zum modernen App-Icon-Stil.

Häufig gestellte Fragen

Ist die favicon.ico ein echtes Multi-Resolution-Icon?
Ja. Das Tool packt die 16-, 32- und 48-px-PNGs in einen einzigen favicon.ico-Container, der Byte für Byte in deinem Browser geschrieben wird, sodass eine .ico-Datei alle drei Auflösungen für Browser-Tabs und Lesezeichen liefert.
Welche Dateien sind im ZIP-Paket?
Das ZIP enthält favicon.ico, die PNG-Icons (16, 32, 48, 180, 192 und 512 px mit üblichen Namen) und site.webmanifest. Füge das bereitgestellte HTML-<head>-Snippet ein, um sie auf deiner Seite einzubinden.
Was bewirken die Form- und Padding-Optionen?
Quadratisch behält ein einfaches quadratisches Icon, abgerundet beschneidet die Ecken, und maskable fügt einen Safe-Zone-Rand hinzu und markiert die Manifest-Icons für Android als maskable. Padding verkleinert das Motiv in jedem Quadrat, und die Hintergrundfüllung malt dahinter.
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 jede Ausgabegröße, die favicon.ico und das Manifest.
Wird mein Bild auf einen Server hochgeladen?
Nein. Alles läuft lokal in deinem Browser über die Canvas-API – die PNG-Icons, der favicon.ico-Container und das ZIP werden alle auf deinem Gerät erstellt, sodass dein Bild niemals hochgeladen wird.

Verwandte Tools

Bildformat-Konverter

Konvertiere Bilder vollständig im Browser zwischen AVIF, WebP, PNG, JPEG, BMP, ICO und Einzelbild-GIF.

Excel/CSV zu JSON

Wandle eine Excel- oder CSV-Tabelle direkt im Browser in JSON oder CSV um.

EXIF-Viewer & Metadaten-Entferner

Sieh dir die EXIF-Metadaten eines Bildes an – Kamera, Objektiv, Aufnahmedatum und GPS-Standort – entferne dann jeden Tag und lade eine saubere Kopie herunter, alles in deinem Browser.

GIF-Ersteller

Füge PNG- oder JPEG-Bilder im Browser zu einem animierten GIF zusammen – mit Timing pro Bild, eigener Größe, transparentem oder farbigem Hintergrund, Dithering und Bumerang.