Favicon-Generator

Verarbeitung in diesem Browser

Dateilimit: 32 MB

Dieses Tool lädt Ihre Eingabe nicht hoch.

Datei ablegen

Datei hier ablegen oder auswählen.

Beispiel: Wähle JPEG, PNG, WebP oder GIF auf diesem Gerät und verarbeite sie.

Sie legen ein klares Motiv ab und bekommen die kleinen Icondateien für den Browser-Tab. SVG-Logos vorher prüfen oder nach PNG rastern.

Tab-Icon aus dem Logo, ohne Photoshop-Export-Orgie: Favicon-Größen im Browser.

Sie legen ein klares Motiv ab. Unscharfe Fotos werden unscharfe Favicons.

Kleine Icons

  • PNG-Sätze für favicon-Links.
  • Kein Ersatz für ein durchdachtes Manifest und Maskable Icons.
  • Motiv zuerst scharf: Bild zuschneiden, Bildgröße

Vektor schlank: SVG optimieren. Einmal rastern: SVG nach PNG. Snippets: Meta-Tag-Generator.

Kein PWA-Builder

Wir deployen nichts und legen kein Service Worker an. Dateien bleiben bei Ihnen.

Keine Übertragung.

Ablauf und Stolpersteine

  1. Motiv mit klarer Silhouette, nicht das ganze Teamfoto.
  2. Mehrere PNG-Größen holen und im <head> verlinken. Ein einzelnes 16×16 reicht modernen Displays selten.
  3. SVG parallel ausliefern, wenn Sie den Vektor behalten — vorher SVG optimieren.

Stolperstein: runde Ecken im PNG plus runde Ecken im CSS. Doppelt weich. Maskable Icons für Android sind nicht dieser Generator.

Häufige Fragen

Erzeugt das ein volles PWA-Manifest?

Nein. Mehrere Icon-Größen aus einem Motiv. Apple-Touch- und Manifest-Feinschliff machen Sie im Projekt.

SVG behalten?

Viele Tabs wollen PNG/ICO. SVG können Sie parallel ausliefern — optimieren unter SVG optimieren.

Wird das Motiv hochgeladen?

Nein. Rasterung im Tab, rund 32 MB.

Reicht ein 16×16?

Für moderne Browser eher mehrere Größen. Die Seite hilft beim Satz, ersetzt aber nicht Ihre deployten Dateien.

Meta-Tags gleichzeitig?

Title und Open Graph liegen im Meta-Tag-Generator. robots.txt ist extra.

Verwandte Tools