Hovedproblemet knyttet til favicon for HTML-sider er at det kan være vanskelig å implementere. Favoritter er små ikoner som vises i nettleserfanen eller adresselinjen på et nettsted, og de brukes ofte til å identifisere et nettsted eller et merke. For å legge til et favorittikon på en HTML-side, må ikonet lagres som en .ico-fil og deretter kobles til HTML-koden ved hjelp av en stikkord. Dette kan være vanskelig for de som ikke er kjent med koding, da det er flere trinn involvert og det krever kunnskap om HTML-syntaks. I tillegg kan det hende at enkelte nettlesere ikke gjenkjenner favorittikonet hvis det ikke er riktig implementert.
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
1. Denne kodelinjen oppretter en lenke til en ekstern fil kalt "favicon.ico".
2. Linken får attributtet "rel" med verdien "snarveiikon", som indikerer at dette er et snarveisikon for nettstedet.
3. href-attributtet gir banen til favicon-filen, som i dette tilfellet ganske enkelt er "favicon.ico".
4. Type-attributtet indikerer at denne filen er et bilde av typen x-icon, som er en spesiell type bilde som brukes for nettsideikoner og logoer.
Hva er et favorittikon
Et favorittikon er et lite ikon knyttet til et nettsted eller en nettside. Den vises vanligvis i adressefeltet til en nettleser, ved siden av nettstedets URL. Den kan også brukes til å identifisere bokmerker i nettlesere og som et ikon for snarveier på datamaskiner og mobile enheter. Favoritter er vanligvis 16×16 piksler i størrelse og lagres som .ico-filer.
Slik legger du til et favorittikon på nettstedet ditt
Å legge til et favorittikon på nettstedet ditt er en fin måte å legge til et ekstra lag med merkevarebygging og identitet til nettstedet ditt. Favoritter er små ikoner som vises i nettleserfanen ved siden av tittelen på nettstedet ditt. De kan også brukes som snarveier på mobile enheter, noe som gjør det enklere for brukere å finne og få tilgang til nettstedet ditt.
For å legge til et favorittikon til nettstedet ditt i HTML, trenger du en bildefil med filtypen .ico. Dette bildet skal være 16×16 piksler eller 32×32 piksler i størrelse. Når du har opprettet eller fått tak i denne bildefilen, kan du laste den opp til rotkatalogen på nettstedet ditt.
Når du har lastet opp, må du legge til et lenkeelement i hoveddelen av hver side på nettstedet ditt som peker mot denne bildefilen:
Dette lenkeelementet forteller nettlesere hvor de kan finne favorittikonet for nettstedet ditt, slik at det kan vises riktig når noen besøker en av sidene.
Til slutt, hvis du vil at nettlesere som Chrome og Firefox skal vise en større versjon av favorittikonet (192×192 piksler), må du lage en annen versjon av ikonet og laste det opp til rotkatalogen også:
Når alle disse trinnene er fullført, bør besøkende nå se det tilpassede favorittikonet ditt når de besøker en side på nettstedet ditt!