Favicon Generator
Erzeuge Favicon-PNGs und kopiere HTML/Manifest Tags lokal aus einem Bild.
Erzeugte Assets
favicon-16x16.png
16x16 - Browser tab favicon
favicon-32x32.png
32x32 - Browser tab favicon
favicon-48x48.png
48x48 - Browser tab favicon
favicon-180x180.png
180x180 - Apple touch icon
favicon-192x192.png
192x192 - Web app manifest icon
favicon-512x512.png
512x512 - Web app manifest icon
HTML Link Tags
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="48x48" href="/favicon-48x48.png"> <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> <link rel="manifest" href="/site.webmanifest">
Manifest Icons
{
"icons": [
{
"src": "/android-chrome-192x192.png",
"sizes": "192x192",
"type": "image/png"
},
{
"src": "/android-chrome-512x512.png",
"sizes": "512x512",
"type": "image/png"
}
]
}So funktioniert es
- 1Add the input or options you want to process with Favicon Generator.
- 2Check the range, format, quality, or sorting option that controls the result.
- 3Compare the preview or computed output with the source input.
- 4Copy or download the result, then clear sensitive input when finished.