Sådan Tilføjes Et Favicon

Indholdsfortegnelse:

Sådan Tilføjes Et Favicon
Sådan Tilføjes Et Favicon

Video: Sådan Tilføjes Et Favicon

Video: Sådan Tilføjes Et Favicon
Video: Add A Favicon to A Website in HTML | Learn HTML and CSS | HTML Tutorial | HTML for Beginners 2024, November
Anonim

Favicon (favoritikon) er et firkantet ikon på 16 pixel, som browseren på websidesidebesøgeren viser i adresselinjen. Hvis siden føjes til favoritter, vises billedet også der. Derudover vises favicon på listen over Yandex-websteder. Alt dette i kombination kan være meget nyttigt til at henlede opmærksomheden på webstedet.

Sådan tilføjes et favicon
Sådan tilføjes et favicon

Instruktioner

Trin 1

Opret et ikon, hvor linket skal placeres på siderne på siden. Enhver grafisk editor er egnet til dette. Brug en 16 x 16 pixelstørrelse - nogle browsere kan håndtere større ikoner, men det er bedst at nå ud til så mange websurfere som muligt.

Trin 2

Gem det forberedte billede i ico-format. Moderne browsere vil være i stand til at forstå favicons i filer med udvidelsen gif, png, bmp osv., Men for at dække det maksimale antal browserændringer er det bedre at bruge det oprindelige ikonformat af denne type. Hvis din grafikeditor ikke understøtter ico-formatet, kan du gemme det for eksempel i gif-format og derefter konvertere det til ico ved hjælp af en af onlinetjenesterne. På nettet kan du også finde tjenester, der giver dig en fuld cyklus til at oprette et ikon online direkte i browseren.

Trin 3

Upload ikonet til serveren på dit websted, og gem det i en fil med navnet favicon.ico - dette navn forstås af alle browserændringer på samme måde, selvom navnet ikke er vigtigt for nogle af dem. Hvis sidekoden ikke indeholder denne fils adresse, søger browsere og søgerobotter som standard den i rodmappen på webstedet, så det er bedst at placere filen der.

Trin 4

Indsæt HTML-tags i kildekoden på siderne, der angiver den uploadede fil. For Internet Explorer skal dette tag se sådan ud:

For andre browsere skal det skrives anderledes:

Tilføj begge linjer for at sikre kompatibilitet på tværs af browsere. Hvis filen blev placeret i en anden mappe end rodmappen, skal du angive den fulde sti til placeringen i href-attributten. Disse linjer skal indsættes i overskriftsdelen af webdokumentet, dvs. mellem tags og.

Anbefalede: