Sukat favicon para sa iyong site

Sa web design, bilang mo marahil alam, ang bawat bagay detalye. Ang taong nagpunta sa iyong site, ay hindi maaaring makita ang bawat elemento nang hiwalay, at tumatagal ang buong imahe ng pakete, na kung saan ay binubuo ng iba pang maliliit na detalye. Kaya, kung ikaw ay kulang ng isang bagay sa proseso ng pagbuo ng mapagkukunan, ito detalye sa hinaharap maaari palayawin ang buong complex, ang buong komposisyon.

Ang nasabing mga multa ay maaaring, halimbawa, ang background ng button, maling font ng ilang maliliit na item at kahit na favicon. Sa katunayan, tumingin sami- malaki, kilalang mga site ay may isang indibidwal na icon na kumakatawan ito sa "Mga bookmark" sa browser ng gumagamit. Nang walang ito, ang resource developer ay nabigo upang lumikha ng mga komposisyon kung saan sila orihinal na hinahangad.

Samakatuwid, ikaw ay lumilikha ng isang disenyo para sa site, dapat alagaan ng mga naturang detalye bilang ang favicon. Sa artikulong ito kami ay makipag-usap tungkol sa kung paano pumili ng ito sa ilalim ng pangkalahatang estilo na mapagkukunan, at kung ano ang sukat ay dapat na sa imahe.

icon site

Una, tukuyin natin kung ano ang bumubuo elemento na ito. Ngayon kumuha ng isang pagtingin sa ang pamagat ng iyong tab ng browser. Tulad ng iyong nakikita, sa kaliwa ay may isang maliit na larawan na kumakatawan sa isang pinasimple na bersyon ng mapagkukunan logo. Ang parehong larawan ay may malapit ang pangalan ng site na ipinapakita sa SERPS. Iyon ang gumagamit ay guided sa pamamagitan ng kanya, kapag nakita nila ang pamagat.

Maraming mga webmaster na maunawaan na ang larawang ito ay kinakailangan - ngunit ilang mga tao alam kung ano ang laki ng favicon para sa site ay magiging pinaka-angkop. Samakatuwid, sa artikulong ito kami ay hindi lamang magbibigay sa impormasyon sa kung paano gumawa ng tulad ng isang icon at kung paano i-install ito sa iyong site, ngunit din upang ilarawan ang mga sukat ng imahe.

layunin favicon

Kaya, ang larawan na malapit sa header ng site ay ginagamit para sa pagkakakilanlan. Ito ang kanyang orihinal na layunin: upang ipahayag sa site, na nakikita natin Nathaniel, at piliin ito sa mga mata ng iba. Ito ay nagiging lubos na simple sa pamamagitan ng paggamit ng mga graphics: namin intuitively malasahan impormasyon sa mga larawan mas mabilis at mas madali kaysa sa text format. Favicon makatulong sa amin sa na ito. Ngunit huwag kalimutan na ang favicon laki ay minimal sa mga mata ng user. Ito ay hindi isang logo sa "cap" Ang site na maaaring maglaman ng mga karagdagang impormasyon sa anyo ng mga inscriptions, ilang paglilinaw o kontak na inpormasyon. Anumang bagay na maaaring itinatanghal sa ang icon sa tabi ng pangalan, ay dapat na ang pinaka-angkop sa laki ng favicon. At ito ay, bilang na ipinahiwatig, sa isang pinaliit na (ng 16 sa pamamagitan ng 16 pixels).

Paano upang pumili ng isang favicon?

Kaya kung paano ang isang webmaster ay maaaring magdisenyo ng isang icon para sa iyong site? Dapat ito ay nabanggit na i-compress lang ang logo ng site, pinaka-malamang, ay hindi magtagumpay. Sa poster na inilagay sa anyo ng logo ng isang partikular na mapagkukunan, madalas makita ang iba't ibang mga item na ay hindi palaging tama ang ipinapakita sa miniature form. Ito ay mas mahusay na upang agad na abandunahin ito venture.

Siyempre, ang laki ng favicon ay hindi maaaring makipag-usap tungkol na lang ipasok ang inskripsyon doon. Ang anumang teksto ay hindi lang makikita sa resolution na ito. Kailangan namin upang bumuo ng isang bagong icon na magpadala ng estilo site. Upang makahanap ng mga solusyon, muli, tingnan natin ang mga pangunahing venue.

Maraming gumamit ng isang favicon na inilarawan sa pangkinaugalian unang titik ng pangalan ng service. Kaya dumating sa, halimbawa, Bing, Yahoo, Yandex, Wikipedia, Google. May isa pang diskarte - kung mayroon kang isang maikling pangalan ng site, maaari mong itakda ito bilang background ng icon. Upang favicon resolution (pixels ito umabot, muli, 16 upang 16 points) ay maaaring ipakita nang tama ang pag-sign, ito ay dapat na walang mas mahaba kaysa sa tatlong titik. Kaya ang ginagawa, halimbawa, service Aol.

Paano lumikha ng isang favicon?

Gumawa ng isang icon para sa ang pangalan ng site sa ilang mga paraan. Syempre, ang pinakamadaling - ay upang gumana sa iba't ibang yari na mga solusyon. Maaari naming makipag-usap tungkol sa anumang mga serbisyo o mga programa na magpapahintulot sa inyo na gumawa ng isang imahe ng buong icon sa pamamagitan ng pagbabawas nito. Gayunpaman, nais kong pinapayo na upang idaos ang pag-unlad ng logo sa kanyang sarili. Ito ay, una, ay gagawing posible na matuto ng isang bagay; at ikalawa, upang magbigay ng isang malaking bilang ng mga tool. Ang kailangan mo lang magawa -na mabubunot, pati na rin malaman kung ano ang laki ng favicon upang maging sa huling bersyon. Tungkol sa laki ng mga icon para sa site, kami ay makipag-usap sa ibang pagkakataon, ngunit sa ngayon tandaan namin ang ilan sa mga subtleties ng nagtatrabaho na may tulad na mga imahe. Sa partikular, hindi upang mailakip ang laki ng favicon para sa site, dapat linawin ito aspect ratio. Tulad ng nabanggit sa pamamagitan ng karanasan designer, ang larawan ay dapat na-save bilang isang .PNG (24-bit) o bilang fayl.ICO.

Magsagawa-save ang larawan, maaari mong, halimbawa, sa tulong ng Photoshop, kung saan ito ay iguguhit simbulo.

Mga Dimensyon favicon

Kaya ngayon sabihin makipag-usap tungkol sa kung paano mahusay na dapat na ang larawan na nakikita natin sa tabi ng site sa mga resulta ng paghahanap. Sa pamamagitan ng default, tulad ng nabanggit na, ang laki nito ay lamang ng 16 pixels (sa bawat panig). Gayunpaman, kung sinusubukan mong i-edit ang mga imahe sa "Photoshop", suriin para sa iyong sarili kung ito ay hindi komportable. Samakatuwid, inirerekumenda namin ang nagtatrabaho sa isang pinalaking imahe, na kung saan sa hinaharap ay lamang pisil ang mga gilid at nai-save sa ang nais na format.

multiplatform

Gayunpaman, sa pagsasalita tungkol sa kung ano ang laki ng favicon ay dapat na sa iyong site, kailangan mong matandaan ang isa pang bagay. Hindi lahat ng mga platform ay pantay sumasalamin sa resource larawan. Halimbawa, ang isang Retina-display device "makita" ang iyong favicon sa halagang na 32 hanggang 32 pixels. Sa Safari, at sa mga bagong Windows platform, at ang lahat ng mga icon na ito maabot ang 64 pixels ang laki.

Samakatuwid inirerekumenda namin upang panatilihin ang mga iba't ibang mga bersyon ng mga icon sa hinaharap lang na magbigay ng pagbabago nito depende sa platform ng user. Isa pang kawili-wiling mga punto - maaari mong subukang i-download ang icon sa pinakamalaking format sa pag-asang ito ay "pag-urong", depende sa browser.

banyagang editor

Of course, ang mahusay na kung ikaw ay mahusay sa Photoshop at alam kung ano size favicon ay dapat na at kung paano upang makamit ito, pinapanatili ang imahe nito. Subalit, may mga maraming mga beginners na lamang hindi nakaranas graphic editor napakasikip bago, sa gayon ay maaaring hindi kaya madaling upang gumuhit ng isang ninanais na imahe. Upang makatulong sa mga webmaster, may mga iba't-ibang mga serbisyo na nagpapahintulot sa awtomatikong gumawa ka interesado sa ang icon. Marami sa mga ito ay kahit libre, na hindi nangangailangan ng anumang investment mula sa user.

Upang gumana minsan kailangan lang magparehistro, ngunit, tulad ng alam mo, ito ay tapos na isang beses lamang - sa katunayan hindi kaya madalas kumpanya baguhin ang favicon. Hanapin lamang sa Google, kung aling mga pagbabago sa bawat araw ang logo, ngunit hindi ito pindutin ang icon.

Paano i-install ng isang favicon?

Sa pangkalahatan, i-set up ang iyong website upang ang mga ito nang tama ay nagpapakita ng mga larawan na gusto mo, ito ay lubos na simple. Ito ay sapat na upang magsagawa ng isang serye ng mga hakbang na magbibigay-daan sa mga search engine, pati na rin lamang ng isang browser upang basahin ang impormasyon.

Para sa kailangan mo upang i-save ang mga nagresultang imahe bilang favicon.ico at ilagay ito sa root ng mapagkukunan. Lahat ay ngayon ang iyong mga imahe ay awtomatikong nakita, at ang insidente ilang oras ito ay naka-link sa iyong site.

Sa karagdagan sa mga ito umiiral, maaari kang magdagdag ng isa pang linya, na kung saan ay "prompt", kung saan ang iyong icon. Tila tulad ng sumusunod:

Itakda ang code ay dapat na sa header.

napag-alaman

Kaya, pagkatapos ng pagbabasa ng artikulong ito, haharapin mo sa ang katunayan, kung ano ang sukat ay dapat na favicon para sa site at na ito ay karaniwang ay. Gayundin, sa tingin ko sa iyo na maunawaan na ang mga paghahanap para sa isang angkop na icon para sa iyong site - ito ay isang pangangailangan, dahil nagpe-play sa mga kamay ng ka pareho sa mga tuntunin ng pagtataas ng kamalayan, parehong sa mga tuntunin ng mga karagdagang paglalaan sa iyong mga kakumpitensya. Hindi bababa sa mga pangunahing mga site kumilos sa parehong paraan na maaari naming gawin bilang isang kilalang halimbawa. At pagkatapos, magkano ang pagsisikap na ito ay hindi maging sanhi - paggawa ng favicon nang isang beses at i-install ito nang wasto sa iyong site, maaari mong kalimutan ang tungkol dito para sa susunod na ilang buwan.

Kaya huwag mag-atubiling mag-eksperimento, maglubid ng isang bagong bagay, subukan - at magtagumpay!