Hvordan plassere et ikon eller logo i foran en Web-adresse

En favicon, kort for favorittikonet, er en liten egendefinert bilde som vises til venstre for et nettsted adresse i en nettleser. Favicons har typisk en bedrift eller nett logo og mange nettsteder bruker favicons å opprettholde konsistens med selskapets merkevare. Denne lille bilde ikke bare vises i adressefeltet i nettleseren, men de vises også i dine bokmerkelisten og faner. Nettlesere automatisk laste ned favorittikoner fra en nettside i HTML-kilde side.

Bruksanvisning

1 Start opp din photo editor og åpne et bilde av bedriftens logo. Hvis du ikke har en firmalogo, opprette et nytt prosjekt 64 av 64 piksler i størrelse. Prøv å lage en enkel design ved hjelp av nettsteder fargevalg, som for eksempel initialene til ditt nettsted adresse. For eksempel, hvis ditt nettsted er "Red Apple," skape en favicon med initialene "Ra" ved hjelp av nettstedets fargepalett og en tydelig skrift.

2 Endre størrelsen på bildet til 16 av 16 piksler, noe som er vanlig favicon størrelse. Hvis bildet ser uskarpt, endre størrelsen tilbake til 64 av 64 piksler og bruke ditt bilde redaktørens skarpere eller metnings funksjoner for å legge kontrast til bildet. Endre størrelsen på bildet tilbake til 16 av 16 piksler for å teste ikoner kontrast. Skjerp eller legge til mer metning per dine preferanser, om nødvendig.

3 Navn bildet "favicon" og lagre den i en Windows Ikon (ICO) format med en ICO forlengelse.

4 Koble til nettstedets server og plassere favicon.ico filen i rotkatalogen for nettstedet, samme sted hvor indeksen eller hjemmesiden ligger. Unngå å plassere favicon i noen bilde kataloger eller mapper, fordi nettlesere vil overse filen.

5 Plassere en link i hodet av HTML-kildekoden på hver side favorittikonet skal vises ved hjelp av følgende lenke kode: <link rel = "Short Icon" href = "/ favicon.ico">. Noen nettlesere forvente en direkte link til din favorittikon i HTML-kildekoden som en peker til å oppdage et favorittikon.

6 Last opp alle sidene med den ekstra favicon og laste nettstedet ditt i nettleseren din for å se din favorittikon.

Hint

  • Du kan bruke en gratis online favicon generator for å lage et favicon fra et eksisterende bilde hvis du ikke har bildebehandlingsprogram.