Gerador de favicon
Crie favicons PNG e copie tags HTML/manifest localmente a partir de uma imagem.
Assets gerados
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
Tags HTML link
<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">
Icones do manifest
{
"icons": [
{
"src": "/android-chrome-192x192.png",
"sizes": "192x192",
"type": "image/png"
},
{
"src": "/android-chrome-512x512.png",
"sizes": "512x512",
"type": "image/png"
}
]
}Como usar
- 1Add the input or options you want to process with Gerador de favicon.
- 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.