Configureu una icona personalitzada de Quan els lectors marqui el vostre lloc
Alguna vegada has notat la petita icona que apareix als marcadors i a la pestanya d'alguns navegadors web? Això s'anomena icona de favorits o favicon.
Un favicon és una part important de la comercialització del vostre lloc web, però se sorprendrà de quants llocs no els tenen. Això és lamentable, ja que són relativament fàcils de crear, especialment si ja teniu gràfics i logotips per al vostre lloc.
Per crear un Favicon, primer Creeu la vostra imatge
Amb un programa de gràfics, creeu una imatge de 16 x 16 píxels. Alguns navegadors admeten altres mides que inclouen 32 x 32, 48 x 48 i 64 x 64, però heu de provar mides de més de 16 x 16 en els navegadors que admeteu. Recordeu que 16 x 16 és molt petit, així que proveu moltes versions diferents fins que creeu la imatge que funcionarà per al vostre lloc. Una manera que molta gent fa això és crear una imatge molt més gran que aquesta petita grandària, i després canviar-la a la mida. Això pot funcionar, però sovint les imatges més grans no es veuen bé quan es van reduir.
Preferim treballar amb la petita mida directament, ja que és molt més clar com es veurà la imatge al final. Podeu fer zoom a la sortida del programa gràfic i crear la imatge. Es veurà bloquejat quan es va allargar, però això està bé perquè això no serà tan obvi quan no es va allunyant.
Podeu desar la imatge com a tipus d'arxiu d'imatge que us agradi, però molts generadors d'icones (que es detallen a continuació) només poden suportar fitxers GIF o BMP . A més, els fitxers GIF utilitzen colors plans, i aquests sovint apareixen millor en el petit espai que les fotografies JPG.
Conversió de la imatge Favicon a una icona
Una vegada que tingueu una imatge acceptable, heu de convertir-la al format d'icona (.ICO).
Si esteu intentant construir la vostra icona ràpidament, podeu utilitzar un generador Favicon en línia, com ara FaviconGenerator.com. Aquests generadors no tenen tantes funcions com el programari de generació d'icones, però són ràpides i poden obtenir-ne un favicon en pocs segons.
Favicons com imatges PNG i altres formats
Cada vegada hi ha més navegadors que admeten més que només fitxers ICO com a icones. Ara mateix, podeu tenir un favicon en formats com PNG, GIF, GIF animats, JPG, APNG i fins i tot SVG (només a Opera). Hi ha problemes de suport en molts navegadors per a la majoria d'aquests tipus i Internet Explorer només és compatible amb .ICO . Per tant, si necessiteu que la vostra icona aparegui a IE, heu d'enganxar amb ICO.
Publicació de la icona
És fàcil de publicar la icona, simplement carregueu-lo al directori arrel del vostre lloc web. Per exemple, la icona de Thoughtco.com es troba a /favicon.ico.
Alguns navegadors trobaran el favicon si viu a l'arrel del vostre lloc web, però amb els millors resultats, heu d'afegir un enllaç des de totes les pàgines del lloc on vulgueu el favicon. Això també us permet utilitzar fitxers anomenats altres que no siguin favicon.ico o per emmagatzemar-los en directoris diferents.