Ang isang favicon ay ang cool na maliit na imahe sa tabi ng iyong address bar sa iyong browser. Ito ang nagtatakda sa iyong site sa tab na mga bookmark at maaaring magamit upang madagdagan ang kamalayan ng tatak. Kung mayroon kang isang site ngunit hindi kailanman naisaalang-alang ang paglikha ng isang favicon, dapat mong isiping muli ang iyong pasya. Tumaas, ang mga developer ng software ay gumagamit ng mga favicon para sa iba't ibang mga aspeto ng kanilang mga application, tulad ng mga icon ng home screen sa mga tablet. Sa kabutihang palad, ang pagdidisenyo, paglikha, at pagpapatupad ng isang favicon ay isang bagay na magagawa ng sinuman kahit na sundin nila ang mga tamang hakbang.
Mga hakbang
Paraan 1 ng 3: Pagdidisenyo ng Iyong Favicon
Hakbang 1. Lumikha ng isang favicon na kumakatawan sa iyong website
Ang uri ng website na mayroon ka dapat matukoy ang hitsura ng iyong favicon. Subukang mag-disenyo ng isang bagay na susunod sa iyong imahe ng tatak at makikilala at hindi malilimutan ng mga tao. Ang iyong favicon ang magiging unang bagay na nakikita ng mga tao kapag tiningnan nila ang mga tab sa kanilang browser at lilitaw din sa mga bookmark ng mga tao.
- Halimbawa, kung mayroon kang isang website ng pagkain, ang pagpili ng isang favicon na may isang prutas o gulay bilang ang disenyo ay maaaring gawin itong mas hindi malilimutang.
- Kung ang iyong website ay para sa isang law firm o kumpanya ng pamumuhunan, pinakamahusay ang isang tradisyonal at makinis na favicon.
- Kung ang iyong website ay naglalayon sa mga mas bata, subukang lumikha ng isang mapaglarong at makulay na favicon.
Hakbang 2. Magpasya kung nais mo ng isang transparent na background
Kung hindi ka magtalaga ng isang background, pagkatapos ay pupuno ito ng puti, na maaaring hindi sumunod sa iyong tatak. Ang isang transparent na background ay kukuha ng kulay ng browser ng tao at magmumukhang mas streamline sa ilang mga kaso. Sa ibang mga kaso, ang pagkakaroon ng isang kulay para sa background ay gagawing harapan ang mga titik o graphics. Magpasya kung ano ang magiging pinakamahusay para sa iyong disenyo at isaisip ito habang ginagawa mo ito.
Ang pinaka-pangunahing favicon ay isang 16x16 square at may kulay sa background
Hakbang 3. Lumikha ng isang favicon na madaling basahin
Dahil ang imaheng favicon na gagamitin mo ay maliit, mahalaga na maipasok mo ang iyong tatak nang hindi nalilito ang iyong mga bisita. Ang isang favicon na mahirap basahin ay nag-iiwan ng negatibong impression at maaaring lumikha ng mga katanungan sa isip ng bisita tungkol sa kalidad ng trabaho na maibibigay mo. Ang sobrang kumplikadong mga imahe at logo ay hindi maganda tingnan kapag bumaba sa 16x16 o 32x32 pixel.
- Kung ang iyong mayroon nang logo ay masyadong kumplikado, maaari kang gumamit ng mga taktika upang gawing simple ito, upang makilala ito sa laki ng favicon. Gumamit ng mga inisyal sa halip na ipakita ang buong pangalan ng kumpanya, o magdisenyo ng isang simpleng icon sa halip na gumamit ng isang larawan.
- Kung mayroon ka ng isang simpleng logo, maaari mong pag-urong ang imahe at itakda ito bilang iyong favicon. Maaaring kailanganin mong baguhin ito bago i-convert ito sa isang file ng icon.
- Maaari mo ring gamitin ang isang larawan ng isang bagay na naglalarawan sa pangkalahatang tema ng iyong site.
Hakbang 4. Lumikha ng isang aesthetically nakalulugod favicon
Ang istraktura ng iyong favicon ay tinatawag na form nito. Karaniwang kumukuha ang mga Favicons ng mga hugis, tulad ng isang bilog o isang parisukat. Kapag dinisenyo mo ang iyong favicon, sa pangkalahatan ay mas mahusay kung nakakabagay ito sa loob ng isa sa mga pangunahing form na ito dahil ang mga libreng form na porma ay madalas na mapula o malito sa 16x16 pixel. Ang isa pang mahalagang aspeto ng iyong disenyo ay tinatawag na pagkakaisa ng aesthetic. Kasama sa pagkakaisa ng Aesthetic ang mga detalye at sukat ng iba't ibang mga bahagi sa iyong favicon at kung paano balanse ang iyong favicon. Ang mas maraming mga pare-parehong mga detalye, mas cohesive ang hitsura ng iyong favicon. Halimbawa, ang paggamit ng iba't ibang mga uri ng font o laki sa loob ng iyong favicon ay hindi kasiya-siya sa mata at maaaring gawin itong malito o magulo ang iyong favicon.
- Ang isa pang halimbawa ng pagkakaisa ng aesthetic ay ang pagpapanatili ng mga bilugan na sulok sa buong mga hugis sa iyong favicon.
- Ang isang magandang halimbawa ng isang icon na nagbago ng form ay ang favicon ng Google. Nagbago ito mula sa isang parisukat patungo sa isang bilog.
Hakbang 5. Gumamit ng mga kulay na cohesive sa iyong tatak
Kapag nilikha mo ang iyong favicon, dapat mo itong likhain sa 8 bit (256 na mga kulay) o 24 bit (16.7 milyong mga kulay) lalim ng kulay, dahil gagana ito sa mga modernong browser. Tiyaking ang mga kulay na iyong pinili ay matatagpuan sa iba pang lugar sa iyong website o naiugnay sa ilang paraan sa iyong tatak. Ang isang favicon na may mga kulay na wala sa iyong website, logo, o mga application ay hindi malilimutan, at hindi maiuugnay ng mga tao ang icon sa iyong tatak.
- Ang ilang malikhaing paggamit ng kulay ng favicon ay may kasamang GitHub na nagbabago ng mga kulay depende sa katayuan ng iyong system at Trello, na nagbabago depende sa kulay ng iyong background.
- Ang pinakakaraniwang mga kulay na ginagamit sa mga favicon ay pula at asul.
Hakbang 6. Isaalang-alang ang iyong tagapakinig kapag nagdidisenyo ng isang favicon
Maliban sa pagkilala sa iyong tatak, ang iyong favicon ay kailangang tumingin kaakit-akit sa iyong mga bisita. Ang mga taong may iba't ibang kagustuhan, interes, at pamantayan sa lipunan ay titingnan ang iba't ibang iconolohiya mula sa iba't ibang pananaw. Ang mga pagkakaiba sa kultura ay umiiral sa loob ng aming lipunan at maaaring malito o maitaboy ang madla na sinusubukan mong akitin.
Halimbawa, ang Mac Os X ay gumagamit ng isang selyo na isang unibersal na simbolo para sa mail. Ang paggamit ng isang mailbox ay hindi magiging epektibo dahil ang mga mailbox ay nag-iiba sa iba't ibang bahagi ng mundo
Hakbang 7. Kunin ang opinyon ng mga kaibigan at kasamahan
Habang ito ay hindi mapaniniwalaan o kapani-paniwala na masinsinang graphic, isang favicon ay isang mahalagang bahagi ng iyong tatak. Halimbawa, isipin ang iyong mga paboritong website tulad ng Twitter, Gmail, Facebook, o wikiHow, at kung gaano mo maiugnay ang favicon sa tatak. Kung wala kang isang mahusay na mata para sa disenyo, o kung ikaw ay stumped sa kung anong uri ng disenyo ang dapat mayroon ka para sa iyong site, kumunsulta sa mga kaibigan na may isang mata para sa disenyo o na nagtatrabaho sa graphic na disenyo.
- Magtanong sa paligid ng iyong network ng mga kaibigan upang makita kung ang sinuman ay maaaring magbigay ng payo sa disenyo nang libre.
- Ang mga mas malalaking kumpanya ay mayroong mga in-house graphic designer na maaaring lumikha ng imaheng favicon.
Paraan 2 ng 3: Paglikha ng Iyong Favicon
Hakbang 1. Gumamit ng software sa pag-edit ng larawan upang likhain ang iyong favicon
Maaari kang gumamit ng software sa pag-edit ng larawan tulad ng Adobe Photoshop o Illustrator upang likhain ang imahe para sa iyong favicon. Pinapayagan ka rin ng mga application ng software na ito na baguhin ang laki at i-export ang imahe sa tamang format. Pinapayagan ka ng ilang software na lumikha ng iyong favicon nang manu-mano.
- Mayroon ding mga partikular na favicon na mga programa sa pag-edit na maaari mong makita sa online.
- Gumamit ng isang search engine at i-type ang "favicon editors."
- Gawin ang laki ng iyong canvas ng 512x512 pixel dahil ang bilang na ito ay nasisira sa pinaka naaangkop na mga laki ng favicon at sapat pa rin ito para sa iyo upang mabisang mai-edit.
- Ang iba pang mga tanyag na software sa pag-edit ng larawan ay may kasamang GIMP, PhotoScape, at Paint. NET.
- Kapag ginagamit ang software na ito, hindi mo mai-edit nang direkta ang.ico file, ngunit maaari mong gamitin ang.png,.jpg, o-g.webp" />
Hakbang 2. Baguhin ang laki at i-save ang iyong favicon
Ang 32x32 px ay ang laki ng mga item sa Windows desktop habang ang 16x16 px ay ang laki ng mga favicon sa tab ng iyong browser. Matapos mong likhain ang iyong favicon sa isang mas malaking format, mahalagang bawasan ang laki nito upang makita mo ang hitsura nito sa mga browser ng tao. Kung hindi ito nababasa o hindi kaaya-aya sa aesthetically, magsimula muli sa iyong orihinal na disenyo. Mag-isip tungkol sa mga platform na ang iyong website o application ay malamang na magamit at pagkatapos ay lumikha ng isang favicon upang masakop ang lahat ng iyong mga base.
- Mahalagang tandaan na ang iba't ibang mga hardware at software ay gumagamit ng iba't ibang mga laki ng favicon.
- Ang ilan pang mga laki ng favicon ay may kasamang 57x57px para sa karaniwang home screen ng iOS, 72x72px para sa iPad, 96x96px para sa Google TV, 128x128px para sa Chrome Web Store at 195x195px para sa Opera Speed Dial.
- Kung nais mong masakop ang lahat ng iyong mga base maaari kang lumikha ng mga bersyon ng iyong favicon sa bawat isa sa mga sukat na ito.
- I-save ang magkakahiwalay na mga bersyon ng iyong favicon, upang hindi mo mawala ang nagawa mong trabaho.
Hakbang 3. Pagsamahin ang iyong mga file gamit ang isang converter
Ang dakilang bagay tungkol sa.ico mga file ay maaari mong pagsamahin ang higit sa isang file upang likhain ito. Ito ay kapaki-pakinabang sapagkat ang iba't ibang mga browser at software ay nais ng ibang laki ng favicon. Upang matiyak na ang iyong favicon ay mukhang mahusay sa lahat ng iba't ibang mga platform, i-convert ang iyong mga file gamit ang isang online converter. I-type ang "icon converter" sa iyong paboritong search engine upang makahanap ng mga libreng online na application upang magawa ito. I-save ang pinagsamang file bilang "favicon.ico."
- Maaari mo ring gamitin ang isang programa tulad ng GIMP na may built-in na tampok, o mag-download ng isang plugin na tinatawag na ICO FORMAT sa Adobe Photoshop.
- Lumikha ng isang bagong folder upang mag-imbak ka ng mga bagong favicon o isinasagawa.
- I-type ang ".ico converter" o "favicon generator" sa isang search engine upang makahanap ng iba't ibang mga tool na maaari mong gamitin.
Paraan 3 ng 3: Pagpapatupad ng Iyong Favicon
Hakbang 1. I-upload ang iyong favicon kung gumagamit ka ng isang editor ng website
Maraming mga editor ng website ang mayroong isang built-in na form na nagbibigay-daan sa iyong i-upload ang iyong favicon sa iyong website nang awtomatiko. Kung gumagamit ka ng isang editor ng website na naka-built in na ito, hanapin ang mga pagpipilian na nagsasabing "Mag-upload ng Favicon" o "Magdagdag ng Favicon" sa menu ng mga setting ng iyong website. Piliin ang iyong favicon.ico file at i-upload ito sa iyong site.
Kung hindi ka makahanap ng isang lugar upang mai-upload ang iyong favicon sa iyong website editor, kakailanganin mong gawin ito nang manu-mano
Hakbang 2. I-upload ang file sa root Directory ng iyong site
Kung sinusuportahan ng iyong website ang File Transfer Protocol o FTP, maaari mong gamitin ang iyong FTP client upang mai-upload ang iyong bagong favicon.icon file sa iyong direktoryo ng root (index). Kung hindi, kailangan mong pumunta sa iyong pahina ng mga host sa web at manu-manong i-upload ang imahe. Alalahaning palitan ang mayroon nang favicon.ico file sa iyong bagong file.
Hakbang 3. Idagdag ang file sa iyong header
Hanapin ang lugar kung saan maaari mong ma-access ang mga file ng PHP at CSS para sa iyong site. Pumunta sa file ng header.php ng iyong site at i-edit ito. Sa ilalim ng uri ng tag,"
-
. Dapat nitong ikonekta ang iyong site sa iyong favicon.
Dahil gumagamit ka ng PHP, nangangahulugan ito na ang anumang mga site na gumagamit ng iyong header file ay magkakaroon na ng parehong favicon
Lumikha ng Iyong Sariling Favicon Icon Hakbang 14 Hakbang 4. I-refresh ang iyong browser
Kapag natapos mo na ang pag-upload ng favicon maaari mong i-refresh ang iyong browser upang makita ang iyong bagong imahe sa tabi ng address bar. Upang direktang pumunta sa isang imahe ng iyong na-update na favicon, i-type ang, "https://www.yourdomain.com/favicon.ico."
- Kung ang iyong favicon ay hindi lilitaw sa una, maaaring kailangan mong i-reset ang cache ng iyong browser.
- Upang i-clear ang iyong cache, pumunta sa mga setting ng iyong browser at tanggalin ang iyong Pansamantalang Mga File sa Internet, Cookies, at Kasaysayan.
