Generador de favicons
Convertiu una imatge PNG, JPG o SVG en un fitxer favicon.ico i en totes les mides d'icona que necessita el vostre lloc web, tot agrupat en un fitxer ZIP.
Tota la imatge es manté visible, centrada i amb un marge al voltant.
El fons transparent és ideal per a les pestanyes del navegador; per a les icones de la pantalla d'inici de l'iPhone, és més segur utilitzar un color de fons.
El vostre favicon i el paquet d'icones apareixeran aquí.
Col·loqueu els fitxers a la carpeta arrel del vostre lloc web i afegiu aquestes línies a cada pàgina.
La imatge es converteix en icones directament al vostre navegador. No es puja res a BroBroGo.
PMF
Quins fitxers s'inclouen al paquet d'icones?
Un fitxer favicon.ico que conté versions de 16, 32 i 48 píxels, icones PNG de 16, 32, 180, 192 i 512 píxels, i un fitxer site.webmanifest que llista les icones grans. Si comenceu amb un SVG, també s'inclou el propi vector. Un sol fitxer ZIP ho conté tot.
Quina mida ha de tenir la imatge d'origen?
L'ideal és utilitzar un SVG: cada icona es dibuixa a partir del vector, de manera que es manté nítida fins i tot a 16 píxels. Per a PNG o JPG, comenceu amb una mida mínima de 512 × 512; les imatges més petites s'escalaran i poden perdre definició.
El fons ha de ser transparent o de color?
Les icones de pestanya es veuen bé amb fons transparent. No obstant això, les pantalles d'inici d'iPhone i iPad mostren les àrees transparents en negre; si els usuaris poden afegir el vostre lloc web a la seva pantalla d'inici, és millor triar un color de fons.
Què passa si la imatge d'origen no és quadrada?
Les icones són quadrades, però la imatge mai es deforma. Per defecte, se centra afegint-hi un marge al voltant; canvieu a "Omple (retalla)" si preferiu retallar les vores sobrants.
On s'han de col·locar els fitxers al meu lloc web?
Pugeu-los a la carpeta arrel del vostre lloc web, de manera que es pugui accedir a favicon.ico a /favicon.ico, i després enganxeu les línies generades a la secció <head> de les vostres pàgines. Els navegadors triaran automàticament la mida adequada.