LumaTool
Lokale Verarbeitung

Favicon-Generator

Favicon-Generator creates favicon.ico, PNG favicons, Apple Touch Icon, Android Chrome icons, a site.webmanifest file, and copyable HTML tags from one local image.

Runs locallyNo uploadYour input is processed in your browser.

Favicon-Generator

Erstelle favicon.ico, PNGs, Apple Touch Icon, Android-Icons, Manifest, Vorschauen, HTML-Tags und ZIP lokal im Browser.

Was ist dieses Tool?

A favicon generator prepares the small website icons used in browser tabs, bookmarks, mobile shortcuts, and PWA install screens. A complete favicon pack avoids the common problem of only shipping favicon.ico while missing Apple Touch Icon, Android icons, or manifest metadata.

Unterstützte Eingaben

  • PNG images
  • JPG and JPEG images
  • WebP images
  • SVG logos and icons
  • Square source artwork is recommended
  • Large files should be kept under 10 MB for smooth browser processing

Ausgabedateien

  • favicon.ico
  • favicon-16x16.png
  • favicon-32x32.png
  • apple-touch-icon.png 180x180
  • android-chrome-192x192.png
  • android-chrome-512x512.png
  • site.webmanifest
  • lumatool-favicon-pack.zip

Größenguide

  • 16x16: browser tab favicon.
  • 32x32: high-density browser favicon.
  • 180x180: Apple Touch Icon for iOS shortcuts.
  • 192x192: Android and PWA launcher icon.
  • 512x512: high-resolution PWA icon.
  • favicon.ico: legacy browser compatibility.

Eingabebeispiele

  • Company logo PNG
  • Personal blog avatar
  • SaaS product mark
  • SVG logo
  • Transparent square icon

Ausgabebeispiele

  • favicon.ico
  • favicon-16x16.png
  • favicon-32x32.png
  • apple-touch-icon.png 180x180
  • android-chrome-192x192.png
  • android-chrome-512x512.png

Typische Nutzung

  • Prepare a complete favicon pack before launching a website.
  • Replace inconsistent legacy favicon files with a modern set.
  • Create mobile shortcut and PWA icons from the same source artwork.
  • Generate HTML tags that match the exported filenames.
  • Preview how a transparent logo behaves on light and dark surfaces.

Best Practices

  • Start from high-resolution square artwork when possible.
  • Keep the subject centered and avoid tiny text inside small icons.
  • Use transparent backgrounds only when the mark remains visible on light and dark surfaces.
  • Use consistent file paths between exported files and HTML code.
  • After replacing favicons, clear browser cache or change filenames if the old icon remains visible.

Häufige Fehler

  • Uploading a low-resolution source and expecting sharp large icons.
  • Using artwork that touches the edge and gets clipped after rounding or cover mode.
  • Shipping only favicon.ico and forgetting Apple Touch Icon or manifest icons.
  • Leaving HTML paths that do not match the files in the public folder.
  • Not previewing 16x16 and 32x32 outputs before release.

Datenschutz und lokale Verarbeitung

Deine Datei wird lokal im Browser verarbeitet und nicht auf LumaTool-Server hochgeladen. Bilddecoding, Canvas, ICO, ZIP, Manifest und HTML entstehen clientseitig.

Beispiele

Eingabebeispiele

Beispieleingabe 
Company logo PNG
Personal blog avatar
SaaS product mark
Beispielausgabe 
favicon.ico
favicon-16x16.png
favicon-32x32.png

Favicon-Generator creates favicon.ico, PNG favicons, Apple Touch Icon, Android Chrome icons, a site.webmanifest file, and copyable HTML tags from one local image.

Ausgabebeispiele

Beispieleingabe 
one source icon image
Beispielausgabe 
favicon.ico
favicon-16x16.png
favicon-32x32.png
apple-touch-icon.png 180x180
android-chrome-192x192.png

Deine Datei wird lokal im Browser verarbeitet und nicht auf LumaTool-Server hochgeladen. Bilddecoding, Canvas, ICO, ZIP, Manifest und HTML entstehen clientseitig.

Datenschutzhinweis

Deine Datei wird lokal im Browser verarbeitet und nicht auf LumaTool-Server hochgeladen. Bilddecoding, Canvas, ICO, ZIP, Manifest und HTML entstehen clientseitig.

Verwendung

  1. Schritt 1. Lade ein Bild hoch oder gib Icon-Pfade ein.
  2. Schritt 2. Wähle Optionen für Website, App oder PWA.
  3. Schritt 3. Prüfe Vorschau, Dateien, Manifest oder HTML-Code.
  4. Schritt 4. Lade Dateien, ZIP oder kopiere den generierten Code.

Praxisbeispiele

Prepare a complete favicon pack before launching a website

Prepare a complete favicon pack before launching a website.

Replace inconsistent legacy favicon files with a modern set

Replace inconsistent legacy favicon files with a modern set.

Create mobile shortcut and PWA icons from the same source artwork

Create mobile shortcut and PWA icons from the same source artwork.

Typische Anwendungsfälle

  • Prepare a complete favicon pack before launching a website.
  • Replace inconsistent legacy favicon files with a modern set.
  • Create mobile shortcut and PWA icons from the same source artwork.
  • Generate HTML tags that match the exported filenames.
  • Preview how a transparent logo behaves on light and dark surfaces.

FAQ

What favicon size do I need?

Use 16x16 and 32x32 PNG for browser tabs, 180x180 for Apple Touch Icon, 192x192 and 512x512 for Android and PWA, plus favicon.ico for compatibility.

Do I need favicon.ico and PNG icons?

Yes, for broad compatibility. Modern browsers handle PNG well, while favicon.ico still helps older and legacy contexts.

Is my image uploaded to the server?

Nein. Die Verarbeitung läuft lokal im Browser und die Datei wird nicht an LumaTool-Server gesendet.

Can I use SVG as input?

Yes. SVG input is sanitized and rendered locally before PNG and ICO outputs are generated.

Where should I put favicon files?

Place them in your website public root or another static folder, then make sure the generated HTML paths match.

Why does my browser still show the old favicon?

Browsers cache favicons aggressively. Clear cache, use a private window, or change the filename and HTML path.

Wofür eignet sich Favicon-Generator besonders?

Favicon-Generator eignet sich für schnelle Icon-Tools-Aufgaben im Browser, etwa Prüfen, Umwandeln, Bereinigen oder Formatieren.

Wie wird meine Eingabe verarbeitet?

Deine Datei wird lokal im Browser verarbeitet und nicht auf LumaTool-Server hochgeladen. Bilddecoding, Canvas, ICO, ZIP, Manifest und HTML entstehen clientseitig.

Ähnliche Tools

I

ICO-Konverter

PNG, JPG und WebP in mehrgrößige favicon.ico-Dateien umwandeln.

Bild-Tools Verfügbar Lokale Verarbeitung Kein Upload Jetzt nutzen A

App-Icon-Generator

Erzeuge iOS-, Android- und PWA-Icongrößen aus PNG, JPG, WebP oder SVG mit Safe-Area- und Rundungs-Vorschau.

Icon-Tools Verfügbar Lokale Verarbeitung Kein Upload Jetzt nutzen I

Icon-Resizer

Skaliere PNG, JPG, WebP oder SVG in gängige quadratische Größen mit contain, cover, Transparenz, Hintergrund und ZIP.

Icon-Tools Verfügbar Lokale Verarbeitung Kein Upload Jetzt nutzen F

Favicon-HTML-Tag-Generator

Erzeuge Head-Tags für favicon.ico, PNG-Favicons, Apple Touch Icon, Manifest, theme-color und mask-icon.

Icon-Tools Verfügbar Lokale Verarbeitung Kein Upload Jetzt nutzen B

Bild-Base64-Konverter

Bilder in Base64-Data-URLs umwandeln und Base64-Bilder anzeigen.

Bild-Tools Verfügbar Lokale Verarbeitung Kein Upload Jetzt nutzen