Sa disenyo ng web, tulad ng malamang na alam mo, mahalaga ang bawat detalye. Ang isang tao na lumipat sa iyong mapagkukunan ay hindi nakikita ang bawat isa sa mga elemento nang hiwalay, ngunit nakikita ang buong imahe bilang isang pakete na binubuo ng iba pang maliliit na detalye. Kaya, kung may napalampas ka sa proseso ng pagbuo ng iyong mapagkukunan, maaaring masira ng detalyeng ito ang buong complex, ang buong komposisyon.
Ang ganitong maliit na bagay ay maaaring, halimbawa, ang background ng isang button, isang maling napiling font ng ilang maliit na elemento, at kahit isang favicon. Sa katunayan, tingnan para sa iyong sarili - ang malalaking, kilalang mga site ay may indibidwal na icon na nagsasaad nito sa seksyong "Mga Bookmark" ng browser ng user. Kung wala ito, hindi magagawa ng mga nag-develop ng mapagkukunan ang komposisyon na orihinal nilang sinisikap.
Samakatuwid, kapag gumagawa ng disenyo para sa iyong site, dapat mong alagaan ang naturang detalye gaya ng favicon. Sa artikulong ito, pag-uusapan natin kung paano ito itugma sa pangkalahatang istilo ng mapagkukunan, pati na rin kung anong mga sukat ang dapat magkaroon ng larawang ito.
Icon ng site
Una, tukuyin natin kung ano ang elementong ito. Sa ngayon, tingnan ang pamagat ng tab ng iyong browser. Gaya ng nakikita mo, may maliit na larawan sa kaliwa nito, na nagpapahiwatig ng pinasimpleng bersyon ng logo ng mapagkukunan. Ang parehong larawan ay malapit din sa pangalan ng site na ipinapakita sa mga resulta ng paghahanap. Ito ang ginagabayan ng user kapag nakita nila ang pamagat.
Naiintindihan ng maraming webmaster na kailangan ang ganitong larawan - ngunit kakaunti ang nakakaalam kung anong laki ng favicon para sa site ang pinakaangkop. Samakatuwid, sa artikulong ito ay hindi lamang kami magbibigay ng impormasyon sa kung paano gumawa ng ganoong icon at kung paano mo ito mai-install sa iyong mapagkukunan, ngunit pag-uusapan din ang tungkol sa mga laki ng larawan.
Ang layunin ng favicon
Kaya, ang larawan na malapit sa header ng site ay ginagamit para sa pagkakakilanlan. Ito ang orihinal na layunin nito: upang ipahayag ang site na ang pangalan ay nakikita natin, at upang gawin itong kakaiba sa mga mata ng iba. Ginagawa ito hangga't maaari sa pamamagitan ng paggamit ng mga graphics: intuitively naming nakikita ang impormasyon sa mga larawan nang mas mabilis at mas madali kaysa sa format ng teksto. Tinutulungan kami ng mga Favicon na gawin iyon. Ngunit huwag kalimutan na ang laki ng favicon ay minimal sa mga mata ng gumagamit. Hindi ito isang logo sa "header" ng site, na maaaring maglaman ng karagdagang impormasyon sa anyo ng mga inskripsiyon, ilang paglilinaw o impormasyon sa pakikipag-ugnay. Lahat ng maaaring ipakita sa icon sa tabi ng pangalan ay dapat magkasya sa laki ng favicon hangga't maaari. At siya, gaya ng nasabi na, ay simpleng miniature (16 by 16 pixels lang).
Paano pumilifavicon?
Kaya paano magdidisenyo ang isang webmaster ng icon para sa kanyang site? Dapat tandaan na ang simpleng pag-compress sa logo ng site, kadalasan, ay hindi gagana. Sa mga emblem na inilalagay sa anyo ng isang logo ng isang partikular na mapagkukunan, ang iba't ibang mga elemento ay madalas na nakikita, na hindi palaging tama na ipapakita sa isang maliit na anyo. Mas mabuting iwanan kaagad ang ganoong gawain.
Siyempre, hindi pinapayagan ng laki ng favicon na pag-usapan ang simpleng paglalagay ng inskripsiyon doon. Ang anumang teksto ay hindi makikita sa resolusyong ito. Kailangan nating bumuo ng bagong icon na maghahatid ng istilo ng site. Upang makahanap ng mga solusyon, muli, lumiko tayo sa pinakamalaking mga site.
Maraming tao ang gumagamit ng naka-istilong unang titik ng pangalan ng serbisyo bilang favicon. Ito ang paraan, halimbawa, Bing, Yahoo, Yandex, Wikipedia, Google. May isa pang diskarte - kung mayroon kang maikling pangalan ng site, maaari mo itong itakda bilang background ng iyong icon. Upang ang laki ng favicon (sa mga pixel na naabot nito, inuulit ko, 16 sa pamamagitan ng 16 na mga pixel) upang maipakita nang tama ang inskripsyon na ito, dapat itong hindi hihigit sa 3 mga titik. Ito ang ginagawa, halimbawa, ng serbisyo ng Aol.
Paano gumawa ng favicon?
May ilang paraan para gumawa ng icon para sa pangalan ng site. Siyempre, ang pinakamadali ay ang magtrabaho sa iba't ibang mga handa na solusyon. Maaari naming pag-usapan ang ilang mga serbisyo o programa na nagbibigay-daan sa iyong gumawa ng isang icon mula sa isang ganap na imahe sa pamamagitan ng pagbabawas nito. Gayunpaman, inirerekumenda ko ang pagbuo ng naturang logo sa iyong sarili. Ito ang unang magbibigayang pagkakataong matuto ng isang bagay; at pangalawa, magbibigay ito ng mas maraming tool. Ang kailangan mo lang malaman para dito ay kung ano ang iguguhit, at alam din kung anong laki ang dapat na favicon sa huling bersyon. Pag-uusapan natin ang tungkol sa laki ng icon para sa site sa ibang pagkakataon, ngunit sa ngayon ay mapapansin natin ang ilang mga subtleties ng pagtatrabaho sa mga naturang larawan. Sa partikular, nang hindi binabanggit ang laki ng favicon para sa site, dapat na linawin ang format ng naturang imahe. Gaya ng tala ng mga may karanasang taga-disenyo, dapat na i-save ang larawan bilang isang-p.webp
Maaari mong i-save ang larawan, halimbawa, gamit ang Photoshop, kung saan iguguhit ang emblem.
Mga dimensyon ng Favicon
Kaya, ngayon ay pag-usapan natin kung gaano kalaki ang larawang makikita natin sa tabi ng pangalan ng site sa mga resulta ng paghahanap. Bilang default, tulad ng nabanggit na, ang laki nito ay 16 pixels lamang (sa bawat panig). Gayunpaman, kung susubukan mong i-edit ang larawang ito sa Photoshop, makikita mo mismo kung gaano ito kaabala. Samakatuwid, inirerekumenda namin ang paggamit ng isang pinalaki na larawan, na sa hinaharap ay maaari lamang i-compress sa mga gilid at i-save sa kinakailangang format.
Multiplatform
Gayunpaman, kung gaano kalaki dapat ang favicon sa iyong site, may isa pang bagay na dapat tandaan. Hindi lahat ng platform ay nagpapakita ng resource image sa parehong paraan. Halimbawa, ang mga device na may Retina display ay "makikita" ang iyong favicon sa 32 by 32 pixels. At sa Safari at sa bagong platform ng Windows, at sa lahat, ang mga icon na ito ay umabot sa sukat na 64pixels.
Samakatuwid, inirerekomenda namin na i-save mo ang iba't ibang bersyon ng icon at ibigay na lang ang pagbabago nito depende sa platform ng user sa hinaharap. Isa pang kawili-wiling punto - maaari mong subukang i-load ang icon sa pinakamalaking format, umaasa sa katotohanang ito ay "lumiliit" depende sa browser.
Mga editor sa labas
Siyempre, mabuti kung magaling ka sa Photoshop at alam mo kung anong laki ang dapat na favicon at kung paano ito makukuha habang sine-save ang iyong larawan. Gayunpaman, maraming mga baguhan na hindi pa nakakatagpo ng mga graphic editor nang napakalapit noon, kaya hindi nila madaling maiguhit ang gustong larawan. Upang matulungan ang mga naturang webmaster, mayroong iba't ibang mga serbisyo na nagbibigay-daan sa iyong awtomatikong gawin ang icon kung saan ka interesado. Marami sa kanila ay libre pa nga, na hindi nangangailangan ng anumang pamumuhunan mula sa user.
Minsan kailangan mo lang magparehistro para magtrabaho, ngunit, tulad ng naiintindihan mo, ito ay ginagawa nang isang beses - pagkatapos ng lahat, ang mga kumpanya ay hindi nagbabago ng kanilang favicon nang madalas. Tingnan ang Google, na nagbabago ng logo araw-araw, ngunit hindi hinawakan ang icon.
Paano mag-install ng favicon?
Sa pangkalahatan, ang pagse-set up ng iyong site sa paraang wastong ipinapakita nito ang larawang kailangan mo ay napakasimple. Sapat na ang magsagawa ng serye ng mga simpleng hakbang na magbibigay-daan sa mga search engine, gayundin sa mga simpleng browser, na basahin ang impormasyon.
Upang magawa ito, dapat na i-save ang magreresultang larawan gamit angpinangalanang favicon.ico at inilagay sa ugat ng iyong mapagkukunan. Iyon lang, ngayon ay awtomatikong makikilala ang iyong larawan, at pagkaraan ng ilang oras ay mali-link ito sa iyong site.
Bilang karagdagan sa pagbubuklod na ito, maaari kang magdagdag ng isa pang linya na "magmumungkahi" kung saan matatagpuan ang iyong icon. Mukhang ganito:
I-install ang code sa header ng site.
Mga Konklusyon
Kaya, pagkatapos basahin ang aming artikulo, nalaman mo kung ano dapat ang laki ng favicon para sa isang site at kung ano ito. Gayundin, sa tingin ko ay naunawaan mo na ang paghahanap ng tamang icon para sa iyong mapagkukunan ay isang pangangailangan, dahil ito ay gumaganap sa iyong mga kamay kapwa sa mga tuntunin ng pagtaas ng pagkilala at sa mga tuntunin ng ilang karagdagang standout sa iyong mga kakumpitensya. Gayon din ang ginagawa ng pinakamalalaking site, na maaaring kunin bilang pangunahing halimbawa. At bukod pa, hindi ito nagdudulot ng labis na pagsisikap - kapag nakagawa ng isang favicon nang isang beses at na-install ito nang tama sa iyong site, makakalimutan mo ito sa susunod na ilang buwan.
Kaya, huwag mag-atubiling mag-eksperimento, gumawa ng bago, subukan - at lahat ay gagana!
