Generador de favicon de franc
Converteix qualsevol imatge en un paquet de favicon complet: un favicon.ico de múltiples mides, icona Apple touch, icones Android/PWA, un manifest web i el fragment HTML llest per enganxar — tot en un ZIP, al teu navegador.
Deixeu un fitxer aquí o feu clic per cercar-lo
PNG, JPG, WebP, SVG, HEIC, HEIF · processat al teu dispositiu
o premeu Ctrl+V per enganxar des del porta-retalls
Els teus fitxers no surten mai del teu dispositiu. Tot el processament es fa localment al teu navegador.
💡 Per al resultat més nítid, pugeu una imatge quadrada d\'almenys 512×512. PNG transparent o SVG funciona millor.
Usos habituals
- Creeu un Favicon de Lloc WebGenereu el conjunt complet de favicon que espera cada navegador i dispositiu.
- Genereu Icones de PWA i ManifestObteniu les icones de 192px i 512px i el manifest web que necessita PWA.
- Creeu una Icona Tactil de AppleGenereu la icona de 180×180 que utilitza iOS quan es guarda un lloc web a la pantalla d'inici.
- Convertiu un Logo en FaviconConvertiu el vostre logo de marca en un favicon net i recognoscible.
- Genereu Favicon per a Qualsevol FrameworkObteniu fitxers favicon llests a utilitzar per a React, Next.js, WordPress i molt mes.
Com funciona
Aquesta eina converteix qualsevol PNG, JPEG, WebP o SVG en un paquet complet de favicon — .ico de mides múltiples, icona d'Apple touch, icones Android/PWA, un manifest web, i un fragment HTML a punt per enganxar — completament dins del teu navegador utilitzant l'API Canvas i JSZip. Res es puja; tota la renderització i l'assemblatge de fitxers passa localment.
- 1Canvas reescala la teva imatgeEl navegador dibuixa la teva imatge d'origen en elements HTML Canvas fora de pantalla a cada mida requerida (16, 32, 48, 180, 192 i 512 px). Els SVG sense atributs explícits d'amplada/alçada es normalitzen primer via DOMParser i XMLSerializer perquè Firefox i Chrome produeixin una sortida de píxels idèntica en lloc d'un canvas en blanc.
- 2Un codificador ICO escrit a mà empaqueta el fitxer .icoLes entrades ICO petites (16, 32, 48 px) es codifiquen com a mapes de bits DIB BGRA de 32 bits en brut — el BITMAPINFOHEADER més files XOR de baix a dalt i una màscara AND d'1 bpp — perquè els components del shell de Windows requereixen format DIB sense comprimir en aquestes mides. L'eina escriu la capçalera del directori ICO i concatena les entrades completament amb DataView i Uint8Array, sense cap biblioteca ICO externa implicada.
- 3Les sortides PNG es produeixen via canvas.toBlobCada variant PNG (favicon-16x16, favicon-32x32, apple-touch-icon-180x180, android-chrome-192x192, android-chrome-512x512) es captura cridant canvas.toBlob amb 'image/png', delegant la codificació sense pèrdua al motor d'imatge integrat del navegador. El reblit opcional, el color de fons i el retall de forma (quadrat, arrodonit o cercle) s'apliquen al context de canvas abans de la captura.
- 4JSZip agrupa tot en una única descàrregaJSZip assembla tots els fitxers generats — favicon.ico, els cinc PNG, un site.webmanifest amb el nom de la teva aplicació, i un favicon-snippet.html amb les etiquetes <link> correctes — en un únic blob .zip que es descarrega automàticament al teu dispositiu.
La teva imatge es carrega directament a l'API Canvas del navegador i mai surt del teu dispositiu — cap dada de fitxer es transmet a cap servidor en cap moment.
Eines relacionades
Convertidor de PNG a ICO Favicon
Converteix imatges PNG, JPG, WebP o SVG en fitxers de favicon .ico de múltiples mides. Tria les mides que vols incloure (16, 32, 48, 64, 128, 256) i descarrega un únic .ico.
Creador de GIF animats
Combina múltiples imatges en un GIF animat. Retard de fotograma, amplada de sortida, bucle i qualitat ajustables. Codificat completament al teu navegador.
Creador de signatures
Dibuixa una signatura amb el ratolí, el dit o un llapis òptic, o escriu el teu nom amb un tipus de lletra manuscrit, i després exporta-la com a PNG o SVG transparent.