Pagrindinė problema, susijusi su favicon įtraukimu į HTML, yra ta, kad tam reikia papildomo kodavimo. Favicons yra mažos piktogramos, rodomos naršyklės skirtuke arba svetainės adreso juostoje. Norėdami pridėti favicon į HTML puslapį, turite įtraukti nuorodos elementą, kurio atributas rel nustatytas į „shortcut icon“, o atributas href – į favicon failo vietą. Tai gali atimti daug laiko ir būti sudėtinga tiems, kurie nėra susipažinę su HTML kodavimu. Be to, kai kurios naršyklės gali neatpažinti tam tikrų tipų mėgstamiausių piktogramų, todėl prieš įtraukiant ją į savo puslapį svarbu įsitikinti, kad jūsų mėgstamiausia piktograma yra suderinama su visomis naršyklėmis.
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
1. Ši kodo eilutė sukuria nuorodą į išorinį failą, kuris naudojamas norint parodyti mažą piktogramą šalia puslapio pavadinimo naršyklės skirtuke.
2. Atributas „rel“ nurodo ryšį tarp dabartinio dokumento ir susieto dokumento, kuris šiuo atveju yra nuorodos piktograma.
3. Atributas „href“ nurodo susieto dokumento vietą, kuri šiuo atveju yra „favicon.ico“.
4. Atributas „type“ nurodo susieto dokumento laikmenos tipą, kuris šiuo atveju yra vaizdas su x piktogramos formatu.
Kas yra favicon
Favicon (sutrumpinimas iš „mėgstamųjų piktogramos“) yra mažas 16 × 16 vaizdas, susietas su konkrečia svetaine ar tinklalapiu. Jis rodomas naršyklės adreso juostoje, šalia puslapio pavadinimo ir žymių sąraše. Favicons dažniausiai naudojamos siekiant suteikti vartotojams paprastą būdą atpažinti skirtingas svetaines ir naršyti tarp jų.
Kaip pridėti favicon į HTML
Favicon yra maža piktograma, rodoma svetainės naršyklės skirtuke. Jis naudojamas siekiant padėti atpažinti jūsų svetainę ir padaryti ją atpažįstamą lankytojams. Jei norite pridėti favicon į HTML, į savo HTML dokumento skyrių turėsite įtraukti šį kodą:
Pakeiskite „path/to/favicon.ico“ keliu, kur išsaugojote savo favicon failą. Failas turi būti .ico formato ir 16×16 pikselių arba 32×32 pikselių dydžio.
Kaip pridėti SVG favicon
1. Sukurkite SVG failą: pirmas žingsnis yra sukurti SVG failą, kurį norite naudoti kaip favicon. Jį galite sukurti patys naudodami vektorinės grafikos rengyklę, pvz., „Adobe Illustrator“ ar „Inkscape“, arba galite atsisiųsti iš interneto.
2. Konvertuokite SVG į ICO formatą: Kai turėsite SVG failą, turėsite jį konvertuoti į ICO formatą. Tai galima padaryti naudojant nemokamą internetinį keitiklį, pvz., „Convertio“ arba „CloudConvert“.
3. Pridėkite favicon nuorodos žymą HTML: Kai turėsite ICO failą, pridėkite šį kodą į savo HTML dokumento skiltį:
Naršyklėms bus pranešta, kad tai yra jūsų svetainės mėgstamiausia piktograma, ir jos turėtų ją rodyti, kai kas nors apsilanko jūsų svetainėje.
4. Išbandykite ir šalinkite triktis: pagaliau išbandykite savo naują mėgstamą piktogramą apsilankę svetainėje skirtingose naršyklėse ir įrenginiuose ir įsitikinkite, kad ji visur gerai atrodo! Jei kyla problemų, pabandykite jas pašalinti naudodami tokius įrankius kaip „Google Chrome“ kūrėjo įrankiai arba „Firefox“ žiniatinklio kūrėjo įrankiai.
