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
- Motiv mit klarer Silhouette, nicht das ganze Teamfoto.
- Mehrere PNG-Größen holen und im
<head>verlinken. Ein einzelnes 16×16 reicht modernen Displays selten. - 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.