Hvordan lage en favicon for ditt nettsted

En favicon vises i nettleserens adresselinje. For eksempel er det favicon for eHow bokstaven O med en hake som du ser i stedet logo. Mange nettsteder bruker disse favicons for å identifisere og merke deres nettsted. Her vil jeg gå gjennom trinnene for å opprette en favicon for ditt eget nettsted.

Bruksanvisning

1 Du kan lage ditt eget ikon ved å bruke et bilde av ditt valg. Mange bilder har ikke skalere ned klart og rent, så velg et bilde som er enkel og klar, og vil redusere i størrelse tydelig.

2 Åpne bildet i enhver fotoredigering verktøy du har. GIMP, Photoshop, Fireworks eller Paint Vis Pro vil alle gjøre det du trenger (se tips nedenfor hvis du ikke har noe av denne programvaren er tilgjengelig).

3 Beskjær bildet for å inneholde kun det materialet du vil skal vises i favicon, deretter redusere størrelsen til 16-by-16 piksler. Bildeoppløsningen skal være enten 72 eller 96 dpi.

4 Lagre det nye bildet. Du kan lagre det som en JPEG, GIF eller PNG. Last opp bildet til ditt nettsted.

5

Den riktige måten å knytte til ikonet avhenger av hvilken versjon av HTML du bruker på nettstedet ditt. For å koble til ikonet ved hjelp av HTML 4.01, sette inn koden du ser på bildet i hodet av dokumentet. Selvfølgelig må du bruke din egen informasjon, for eksempel navnet på bildet og server.

6

Hvis nettsiden bruker XHTML 1.0, bruker kode som ligner på det du ser i dette bildet. Igjen, tilpasse informasjonen som passer din bestemt server og bildenavnet.

7

Dette alternativet bruker rel = "snarveisikonet" attributt for linken vil fungere i XHTML. Se på koden i bildet. Ikonet må ha navnet "favicon.ico" og det ikonet må lagres på det øverste nivået av nettstedet (ikke i noen undermapper) for denne linken for å fungere.

8 Du kan bruke en absolutt kobling til bildet som vises i HTML 4.01 eksempel, eller en relativ kobling, som vist i XHTML 1.0 eksempel. Bruk din normale metoden for å koble til bilde, relativ eller absolutt, enten det er HTML 4.01 eller XHTML.

9 Last siden med den nye koden i dokumentet hodet og oppdater siden din for å teste for å være sikker på at din nye favorittikon vises i nettleserens adresselinjen.

Hint

• En web-basert verktøy på Dynamic Drive kalt Favicon generator vil hjelpe deg å lage bildet hvis du ikke har programvare for å gjøre det selv.
• Et Adobe AIR-programmet vil lage ikoner for deg. Det må lastes ned og installeres på datamaskinen, men det er gratis. Du vil også trenge å laste ned og installere Adobe AIR runtime, men det er også gratis.