Tiyak, sa higit sa isang okasyon, nakarinig ka ng isang favicon. Ito ay malapit na nauugnay sa disenyo ng web, at ito ay isang mahalagang punto na sa bawat pahina, maging isang online store, isang blog, isang website, atbp. tatanungin ka nila. Ngunit, Ano ang isang favicon? Para saan ito? At pinakamahalaga sa lahat, paano ito ginagawa?
Kung maraming pag-aalinlangan ka tungkol dito, bibigyan ka namin ng mga susi upang maunawaan mo ito at, higit sa lahat, upang maipakita mo ito sa loob ng iyong proyekto at maiiwan ng isang mas mahusay na pagtatanghal. Tinitiyak namin sa iyo!
Ano ang isang favicon
Magsisimula kami sa pamamagitan ng pagpapaliwanag kung ano ang isang favicon upang maunawaan mo ito. At, para dito, walang mas mahusay kaysa sa magbigay sa iyo ng isang praktikal na halimbawa. Isipin na nagba-browse ka ngayon (sa katunayan, binabasa mo kami). Ngunit wala ka lamang isang tab, ngunit marami sa kanila. Maaaring napansin mo na, sa bawat isa sa kanila, ang pangalan ng ipinapakita ng pahinang iyon ay lilitaw, maging ang YouTube (dahil nakikinig ka sa background music), Gmail (dahil bukas ang iyong mail) o ang pahinang ito.
Sa tabi ng bawat pangalan, sa kaliwa, lilitaw ang isang maliit na imahe, sa isang parisukat. Ang sa Youtube at Gmail ay sigurado na makikilala kasama ang mga logo na mayroon sila, ngunit kumusta naman ang natitirang mga tab?
Kaya, ang nakikita mo ay ang favicon talaga. Sa madaling salita, ito ay a icon na nauugnay sa pahina na iyong binibisita, Iyon ang dahilan kung bakit napakahalaga na bigyang pansin ang detalyeng ito, dahil kapag nagdagdag ka ng isang pahina sa mga paborito o mga shortcut, ang favicon ay magiging "imahe" ng pahinang iyon at iyon ang dahilan kung bakit kailangan mong alagaan ang disenyo nito upang ito ay ay ganap na nauugnay (at higit sa lahat maganda ang hitsura upang makilala ito mula sa iba).
Ang maliit na icon na ito ay karaniwang may sukat na itinakda na 16 × 16 na mga pixel (kahit na maitatakda din ito sa 32x32px). Sa loob nito kailangan mong alagaan na ang lahat ng iyong inilagay ay nakikita nang wasto dahil, kung hindi man, lilitaw ito bilang isang maliit na makikilalang mantsa (at magbibigay iyon ng napakasamang imahe ng iyong pahina).
Bakit napakahalaga ng favicon?
Ngayong alam mo na kung ano ang favicon, at na matatagpuan mo ito sa mga pahina na karaniwang binubuksan mo, napansin mo bang ngayon ay may mas kaunti at mas kaunting mga pahina na nawawala? Ito ay sapagkat talagang napakahalaga na magbigay ng isang pangitain ng gilas at kaalaman. Iyon ay, magpapadala ka ng isang imahe ng tatak o korporasyon na nagmamalasakit sa mga detalye.
Gayunpaman, ang favicon ay mayroon ding iba pang mga paggamit tulad ng:
- Maglingkod bilang pagkakakilanlan ng iyong pahina. Kadalasan ang favicon na ito ay nauugnay sa logo na mayroon ka sa iyong website, sa isang mas maliit na sukat lamang. Ngunit kapag ang logo ay masyadong malaki at hindi makikita sa maliit na pindutan, may posibilidad kang pumili ng isang bagay na nauugnay dito.
- Tutulungan mo ang mga gumagamit na nai-save ang iyong pahina upang makita ito ng biswal. Kaya, kahit na hindi nila naaalala ang url, o ang pangalan ng kumpanya, dahil sa imahe ng favicon ay mahahanap nila ito.
- Upang maging "mabuti" sa SEO. Kailangan itong kunin sa isang butil ng asin. At ito ay ang pagkakaroon o hindi pagkakaroon ng isang favicon ay hindi direktang makakaapekto sa SEO (iyon ay, hindi ka nito mailalagay ng mas mahusay o mas masahol pa para sa pagkakaroon nito o wala). Ngayon, ito ay mas at mas karaniwan na, kapag ang isang browser ay nagpasok ng isang pahina, hinahanap nito ang favicon at, kapag hindi ito nahanap, pagkatapos ay nagbibigay ito ng 404 error. At alam mo na ang mga error na ito ay hindi mabuti para sa SEO ng isang pahina.
Paano gumawa ng isang favicon
Matapos makita, malinaw na ang isang favicon ay isang mahalagang elemento kapag nagkakaroon ng isang web page. Ngayon, paano ka makakagawa ng isa?
Dapat mong malaman na, sa karamihan ng mga kaso, kung ano ito piliin ang logo ng website na iyon, o kung ito ay masyadong malaki, isang bagay na tumutukoy dito. Halimbawa, isipin na mayroon kang isang website sa telebisyon na tinawag mo sa ilang paraan. Ngunit iyon, sa favicon, ay masyadong malaki. Sa halip, maaari kang maglagay ng larawan ng telebisyon upang maiugnay nila ito. Sa mga kasong ito, inirerekumenda na magsuot ka ng parehong mga kulay sa iyong website upang mas mahusay itong makilala.
At ngayon, paano tayo makakalikha ng isang favicon? Sa gayon, mayroon kang maraming mga pagpipilian:
Photoshop, Gimp ...
Sa madaling salita, pinag-uusapan namin ang tungkol sa mga programa sa pag-edit ng imahe dahil ang isang favicon ay nilikha nang eksaktong kapareho ng isang imahe. Siyempre, kailangan mong i-save ito sa format na .ico para makilala ito tulad nito dahil hindi ito maiiwan bilang jpg, gif o katulad.
Ang ganitong paraan ng paggawa nito ay nagbibigay-daan sa iyo upang ipasadya ang favicon nang mas mahusay, pamamahala upang likhain ito mula sa simula at bigyan ito ng matapos na gusto mo. Karaniwan para sa mga ito nagtatrabaho ka sa isang imahe sa isang normal na laki at pagkatapos ay iakma ito sa laki ng pindutang iyon.
Pagkatapos ng katotohanan, dapat itong mai-upload at subukan sa iba't ibang mga browser upang makita kung maganda ang hitsura nito, kinatawan at, higit sa lahat, nauunawaan.
Paggamit ng mga online tool
Sa kasong ito, tumutukoy kami sa mga web page na nangangalaga sa pag-convert ng anumang imahe na nais mo sa isang favicon sa loob ng ilang segundo. Ngunit mayroon ka ring pagpipilian ng direktang idisenyo ang iyong favicon sa mga pahinang iyon.
Kung nais mo ang nauna (i-upload ang imahe at i-convert ito), inirerekumenda namin ang Favicon Generator o Favic-o-matic. Ngunit kung nais mo ang huli (idisenyo ito mula sa simula), pusta sa favicon.io o x-icon editor.
Gamit ang WordPress
Ang iyong pahina ba ay ginawa sa WordPress? At alam mo ba na maaari mong gamitin ang sistemang iyon upang likhain ang iyong favicon. Para sa mga ito maaari kang gumamit ng ilang mga plugin na nagbibigay-daan sa iyo upang likhain ang pindutang ito batay sa isang imaheng na-upload mo (o na iyong na-upload). Dumaan din "Hitsura / Ipasadya" magagawa mo ito.
Kapag natapos mo na ang favicon, kailangan mo lamang itong ilagay sa iyong website at kilalanin ito upang maipakita ito sa kaliwang lugar ng pangalan ng iyong pahina, pati na rin kapag nai-save ito sa mga paborito. Sa ganitong paraan madali ka nilang makikilala nang hindi na kinakailangang huminto upang basahin kung ito ang pahina na talagang nais nilang bisitahin.