Favicon - har ikonet til nettstedet ditt i adressefeltet
Enkelte nettsteder har et ikon til venstre for nettadressen i adresselinjen til nettleseren. Det finnes flere metoder for å lage et favicon eller et ikon for et nettsted som kan vises i adressefeltet. Tegneprogrammer som Gimp, Pixia eller spesialisert programvare som IconEdit32 eller IconWare kan brukes til å lage et favicon . Det finnes nettsteder som kan brukes til å transformere et bildefavicon. Noen nettsteder tillater webmastere å generere en ICO-fil og animere favicon . Link-taggen brukes til å indikere banen til faviconet og sette den på nettet slik at besøkende på nettstedet kan se ikonet i adressefeltet.
- Oppretter et favicon
- For de fleste nettlesere:
- For Internet Explorer:
- For å lage et animert favicon eller generere en ICO-fil
- Setter favicon på nettet
- Merknader
Du har sikkert lagt merke til at et ikon til venstre for nettadressen finnes i adressefeltet i nettleseren din når du åpner bestemte nettsteder?
For å implementere denne typen ikon på ditt eget nettsted, følg trinnene nedenfor.
Oppretter et favicon
Det finnes flere metoder:
- Tegneprogramvare (Gimp, pixia, inkscape ...)
- Spesialisert programvare (IconEdit32 eller IconWare)
- Nettsteder (som forvandler et bildefavicon):
- //www.html-kit.com/favicon/
- //www.html-kit.com/favicon
- //www.favicon.co.uk/
- //www.favicon.hu/
- //tools.dynamicdrive.com/favicon/
- //favikon.com/
For de fleste nettlesere:
Det første trinnet er å lage et bilde i png eller gif.
Du kan velge mellom forskjellige størrelser, 16x16 eller 32x32 (piksler).
For Internet Explorer:
For denne nettleseren, bruk et bilde eller en .ico-fil (omdøpt bmp) - størrelse 16x16 piksler.
For å lage et animert favicon eller generere en ICO-fil
//www.html-kit.com/favicon/
- Lenken ovenfor lar deg ikke bare generere en ICO-fil enkelt, men også for å animere faviconet og bla teksten hvis du ønsker det.
- Klikk på Browse- knappen og velg et bilde på datamaskinen.
- Du kan også legge til tekst for å rulle etter ikonet ditt; det genererer automatisk et animert ikon.
- Endelig er det også mulig å generere et animert ikon uten tekst, ved å sjekke Animated Favicon (selve faviconet som ser ut til å bla).
- Deretter klikker du på Generate Favicon.ico- knappen
- Du vil da få en oversikt over faviconet ditt.
- Deretter laster du bare ned den zippede filen på datamaskinen din.
- Etter å ha pakket opp filen, kopier filen favicon.ico til nettstedet ditt.
- Hvis du har lastet ned et animert ikon, vil ZIP-filen også inneholde ekstrafilen som inneholder animert favicon (animated_favion1.gif) og deretter kopiere det til nettstedet ditt.
Setter favicon på nettet
- For å sette favicon på nettstedet ditt, angi dets vei via koblingskodene som finnes i overskriften.
- Her er et eksempel med et png-bilde:
- Avhengig av formatet, vil attributten "type" endres:
Png: bilde / png
Gif format: image / gif
Jpeg-format (jpeg eller jpg-utvidelse): image / jpeg
- Og hvis du har et favicon som ikke oppfyller standardene, endrer attributten "rel" også:
link rel = "snarveisikon" type = "bilde / x-ikon" href = "/ images / icon_ie.ico" />
- Hvis ikonet ditt er animert (GIF, sett inn følgende tag: