Hvordan lage en Favoritter-ikon for en webside

November 20

Har du noen gang lurt på hvorfor noen nettsteder har en tilpasset logo / bilde med deres web-adresse, mens andre ikke gjør det. Hvis du vil tilpasse din nettside, og legger til en favoritt (favicon) ikon vil gjøre det skiller seg ut. En favoritter ikonet er bildet som vises i en web-adresse bar eller bokmerke med URL (Uniform Resource Locator). Du kan bruke bedriftens logo for å lage ikonet eller lage en fra bunnen av. Opprette en favorittikon er ikke så vanskelig som det høres ut.

Bruksanvisning

Opprette Favoritter Ikon for webside fra scratch

1 Åpne Adobe Photoshop eller et bilderedigeringsprogram.

2 Opprett et nytt bilde med dimensjonene 64 piksler (bredde) med 64 piksler (høyde).

3 Design din egen logo eller et bilde du vil bruke for din favorittikon.

4 Zoom inn for å fokusere på din kreasjon. Skjerp design og øke bildets oppløsning før det ser OK.

5 Lagre filen som en Photoshop PSD (eller rå bildefil) i tilfelle du trenger å endre det senere.

6 Reduser bilde størrelse til 16 piksler (bredde) x 16 piksler (høyde) og resave bildet som favicon.gif.

Ved hjelp av et eksisterende bilde for webside Favoritter-ikon

7 Åpne din eksisterende bilde i din foretrukne bilderedigeringsprogram.

8 Reduser bilde størrelse til 16 piksler (bredde) x 16 piksler (høyde).

9 Gjør bildet skarpere hvis det ikke ser helt rett.

10 Lagre filen som en Photoshop PSD (eller rå bildefil) i tilfelle du trenger å endre det senere.

11 Resave det som favicon.gif.

Bruke Favorittikon Generator

12 Gå på nettet og finne en gratis online favicon generator. Noen gratis online generatorer er favikon.com og favicongenerator.com.

1. 3 Følg instruksjonene for den valgte generator.

14 Bla for å finne bildefilen du lagret på din lokale maskin.

15 Velg 16 piksler (bredde) x 16 piksler (høyde) hvis en bildestørrelse er forespurt.

16 Generer konverteringen. Generatoren vil nå konvertere gif, png eller jpg fil til en ICO-fil.

17 Navn konverterte filen "favicon.ico" hvis du ikke allerede har.

Klar Favoritter Ikon for Web

18 Ved hjelp av din favoritt teksteditor, åpne HTML-dokumentet ditt favoritter ikon vil dukke opp på.

19 Legg til følgende linje med kode mellom <HEAD> tag:
<Link rel = "icon" type = "image / ico" href = "favicon.ico">

20 Lagre filen.

21 Publiser HTML-fil og favoritter ikonet (favicon.ico) til rotmappen av nettleseren.

22 Bokmerke nettsiden din og tømme Internett cache.

23 Vis din nettside for å se hvordan alt fungerer.

Din favoritter ikonet skal nå vises i adressefeltet og under "Favoritter" i nettleseren din.

Hint

For tips om å løse favicon problemer, sjekk ut de ressursene nedenfor.