Hvordan lage et Favicon.ico: 5 trinn (med bilder)

Innholdsfortegnelse:

Hvordan lage et Favicon.ico: 5 trinn (med bilder)
Hvordan lage et Favicon.ico: 5 trinn (med bilder)

Video: Hvordan lage et Favicon.ico: 5 trinn (med bilder)

Video: Hvordan lage et Favicon.ico: 5 trinn (med bilder)
Video: Куликовская Битва. Литература в основе официальных доказательств. 2024, Kan
Anonim

Når du besøker et nettsted som Google, Yahoo eller wikiHow, kan du legge merke til at det er et lite ikon til venstre for adresselinjen. Dette er kjent som et favikon, og du kan lage ditt eget for et nettsted. I tillegg til å gi nettstedet ditt et mer profesjonelt preg, vil ikonet vises i brukerens bokmerker ved siden av sidene på nettstedet de legger inn i favorittene. Dette kan hjelpe dem med å finne nettstedet ditt lettere.

Trinn

Lag et Favicon.ico Trinn 1
Lag et Favicon.ico Trinn 1

Trinn 1. Lag et bilde som er 16x16 piksler stort

Det skal være et enkelt bilde, slik at det umiddelbart gjenkjennes.

Lag et Favicon.ico Trinn 2
Lag et Favicon.ico Trinn 2

Trinn 2. Konverter bildet til en favicon.ico -fil

Det må kalles akkurat dette, ellers kan ikke nettleseren gjenkjenne det. En enkel måte å gjøre dette på er å bruke Dynamic Drive FavIcon Generator. En annen måte er å bruke et gratis bilderedigeringsprogram GIMP og lagre 16x16 -bildet i ICO -format.

Lag et Favicon.ico Trinn 3
Lag et Favicon.ico Trinn 3

Trinn 3. Last opp den genererte filen til nettstedet ditt

Lag et Favicon.ico Trinn 4
Lag et Favicon.ico Trinn 4

Trinn 4. Legg til følgende kode i nettstedets HTML

Du bør sette den i delen av koden, og sørge for at banen til ikonet er riktig, i forhold til websiden. Koden følger (forutsatt at både.html og.ico er i samme toppkatalog):

Lag et Favicon.ico Trinn 5
Lag et Favicon.ico Trinn 5

Trinn 5. Oppdater siden, gå tilbake og beundre nettstedets vakre nye ikon

Tips

  • Selv om ikonet ditt vil være veldig lite, må du sørge for at andre enkelt kan lese/forstå det.
  • Hvis du bruker Linux, kan du konvertere filen direkte på datamaskinen. Bare velg et passende bilde, åpne kommandolinjen, naviger til katalogen der du lagrer bildet og skriv: convert image-p.webp" />

Anbefalt: