Generador de favicons

Un favicon és la petita icona que es mostra a les pestanyes del navegador, les adreces d'interès i a les pantalles d'inici dels mòbils. És un petit detall que fa que un lloc sembli acabat i reconeixible, i els navegadors moderns n'esperen diverses versions.

Aquest és el problema: una sola imatge ja no n'hi ha prou. Necessites un .ico de múltiples mides per als navegadors clàssics, mides PNG separades, una icona touch d'Apple per a les pantalles d'inici d'iOS, PNG més grans per a Android, i un manifest web si el lloc ha de poder-se instal·lar.

Aquest generador construeix tot el conjunt a partir d'una sola imatge, incloent-hi un .ico real de múltiples mides, i et dóna el fragment HTML exacte per deixar caure a la capçalera de la teva pàgina, de manera que no has de muntar ni escriure a mà cap d'aquestes coses.

Per obtenir el millor resultat, puja una imatge quadrada d'almenys 512 px, idealment un logotip o una marca simple en lloc d'una foto detallada, ja que la icona sovint es mostra molt petita. Una imatge no quadrada es centra i s'encoixina fins a un quadrat, de manera que el detall a prop de les vores pot acabar als marges.

Opcionalment pots establir un color de fons i el nom del teu lloc. El nom del lloc va al manifest web que es fa servir quan algú afegeix el lloc a la seva pantalla d'inici.

Tot s'executa localment al teu navegador amb l'API Canvas, de manera que la teva imatge no es puja mai. Baixes un ZIP amb tots els fitxers i el fragment per enganxar.