(01) — TOOLS
Zugeschnittene Favicons.
Logo ablegen. Quadrat, Innenabstand, Hintergrund. Fünf PNGs und das <link>-Snippet. Nichts wird gesendet. Kein Multi-Size-.ico.
64-px-Vorschau
Dateien
- favicon-16.png · 16×16
- favicon-32.png · 32×32
- apple-touch-icon.png · 180×180
- icon-192.png · 192×192
- icon-512.png · 512×512
HTML-Snippet
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32.png"> <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16.png"> <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="192x192" href="/icon-192.png"> <link rel="icon" type="image/png" sizes="512x512" href="/icon-512.png">
Kurz gesagt
- PNG-Favicon-Generator, kostenlos, im Browser.
- Quadrat-Zuschnitt, 16 / 32 / 180 / 192 / 512 px, HTML-Snippet.
- Kein Multi-Size-.ico. Nichts wird hochgeladen.
- Nichts wird gesendet.
(02) — METHODE
Quadrat, Größen, Snippet.
01 — Quadrat
Cover-Zuschnitt: die kurze Kante setzt das Quadrat. Schieber verschieben den Rahmen.
02 — Größen
16 und 32 (Tab), 180 (Apple), 192 und 512 (PWA). PNG, Browser-Canvas.
03 — HTML
<link> in den <head> kopieren. Dateien in die Site-Wurzel legen.
(03) — FAQ
Kurze Fragen.
- Und favicon.ico?
- Moderne Browser akzeptieren ein 32×32-PNG als rel="icon". Ein Multi-Size-.ico entsteht hier nicht.
- SVG?
- Nein. PNG oder JPEG, möglichst ≥ 512 px für das 512er.
- Werden Daten gesendet?
- Nein. Zuschnitt und Export bleiben im Tab.