Favicons pakeičia gaublio piktogramą adreso juostoje.
Vaizdo kreditas: r0mu/iStock/Getty Images
Favicon yra kūrybiškas, praktiškas būdas suteikti jūsų svetainei subtilaus vaizdinio atspalvio. Favicons yra maži vaizdai, kuriuos žiniatinklio naršyklės naudoja puslapių skirtukuose ir adreso juostose. Juose šalia pavadinimo arba URL rodomas su svetaine susietas logotipas arba vaizdas, kuris veikia kaip vizualus prekės ženklo identifikatorius. Favicons yra ypač naudingi svetainės identifikatoriai naršant skirtukuose, nes vartotojui atidarius daugiau skirtukų, puslapių pavadinimams naudojama teksto erdvė beveik sumažėja.
1 žingsnis
Sukurkite piktogramą, kurią norite naudoti nuotraukų ar grafikos redagavimo programoje. Galite paimti esamą logotipą arba vaizdą, susietą su jūsų svetaine ar prekės ženklu, ir pakoreguoti jį taip, kad jis atitiktų favicon standartus. Favicons visada naudoja kvadratinius matmenis, o didžiausias palaikomas dydis yra 256 x 256 pikseliai. Apkirpkite ir padidinkite vaizdą, kad jis tilptų į 256 x 256 pikselių kvadratą, jei ketinate naudoti piktogramų pakavimo priemonę, kad palaikytų kelis dydžius. Jei ketinate sukurti tik vieną versiją, pasirinkite 16 x 16 pikselių dydį.
Dienos vaizdo įrašas
2 žingsnis
Eksportuokite piktogramos grafiką kaip PNG vaizdo failą iš grafinio dizaino programos. PNG yra W3C standartinis favicon vaizdo formatas. Kai kurios naršyklės gali rodyti JPG failus kaip adresynus, tačiau standartas oficialiai nepalaikomas. Be to, piktogramų pakavimo programos gali neveikti su kitų formatų vaizdais. Favicons taip pat palaiko GIF ir ICO failus.
3 veiksmas
Supakuokite eksportuotą PNG failą į ICO failą naudodami ICO konverterio programą. Piktogramų keitiklio programa apdoroja PNG favicon, suformatuoja jį pagal kelis skirtingus plačiai palaikomus favicon dydžius ir įterpia juos į vieną failą. ICO failai juos palaikančiuose įrenginiuose pateikia didesnės skiriamosios gebos faviconus nei 16 x 16 pikselių.
4 veiksmas
Prisijunkite prie savo svetainės prieglobos paslaugos ir įkelkite PNG arba ICO failą į savo svetainės medijos serverį. Nukopijuokite įkelto failo URL adresą; jums jo prireiks, kad pridėtumėte favicon prie svetainės.
5 veiksmas
Atidarykite svetainės redagavimo programą ir į savo svetainės skiltį pridėkite šį kodą, pakeistą favicon failo URL adresu, kaip nurodyta.
PNG failams:
ICO failams:
Nebent naudojate TVS valdomą svetainę arba neįtraukiate failais pagrįstos skilties, turėsite pridėti kodą prie kiekvieno puslapio, kuriame norite turėti piktogramą. Favicon pasirodo, kai įrašote ir atnaujinate svetainės puslapius.
Patarimas
Nuotraukų redagavimo programos, tokios kaip Photoshop ir Corel Draw, puikiai tinka kuriant ir formatuojant piktogramą. Arba galite naudoti nemokamas programas, tokias kaip Paint.net ir Pixlr.
Įspėjimas
Kai kurios naršyklės automatiškai susieja vaizdo failą, esantį /favicon kataloge, kaip favicon; tačiau W3C organizacija neskatina tokios praktikos, nes tai nėra visuotinai palaikomas standartas ir prieštarauja žiniatinklio architektūros principams. Be to, daugelis žiniatinklio prieglobos paslaugų ir TVS sistemų neleidžia vartotojui patalpinti medijos turinio už medijos failų katalogų, todėl ši praktika tampa neįmanoma.
