Paglikha ng Custom na Favicon

Talaan ng mga Nilalaman:

Anonim

Tatanggap ako ng isang bagay na uri ng geeky. Talagang gusto ko ang mga favicons. Masaya sila. Ang mga ito ay isang mahusay na tool sa pagba-brand. At ang mga ito ay isang bagay na simple na maaaring gawin ng mga may-ari ng maliit na negosyo upang pagandahin ang kanilang mga site at kahit na dagdagan ang kakayahang magamit para sa mga gumagamit.

Kung hindi mo alam kung ano ang isang favicon, hayaan mo akong mag-alok ng ilang tulong:

$config[code] not found

Ang mga favicons ang mini, 16 × 16 pixel graphics na kumakatawan sa iyong Web site sa address bar, sa listahan ng mga bookmark ng gumagamit o sa kanilang mga tab ng browser. Pinapayagan nila ang iyong mga bisita na lumikha ng isang visual na koneksyon sa iyong site.

Mahusay! Paano ka gumawa ng isa?

Idisenyo ang iyong favicon:

  • Gamit ang kamay: Buksan ang iyong mga paboritong programa ng graphics at makuha ito. Gusto mong lumikha ng isang bagong file na 16 × 16 pixels at mag-zoom in hanggang sa maisagawa ang lugar O buksan ang isang lugar na mas malaki, ngunit may ilang uri ng maramihang 16 × 16. Kapag kayo ay nagdidisenyo ng iyong favicon sa pamamagitan ng kamay, gumamit ng isang bagay na tumpak na kumatawan sa iyong tatak - maging ito man ay isang pangkaraniwang scheme ng kulay, mga inisyal ng iyong kumpanya, atbp Anuman ang iyong nilikha ay kailangang tumayo sa mahigpit na paghihigpit ng 16 × 16 na pixel.
  • Gamit ang mga tool: Kung hiniling mo ang disenyo (walang alalahanin, ako ay masyadong), may ilang mga mahusay na tool na ginagawang madali para sa kahit na ang mga tao tulad ng sa amin upang lumikha ng mahusay na favicons. Halimbawa, ang Favicon.cc ay magbibigay sa iyo ng ilang istraktura at hayaan kang bumuo ng iyo tuwid mula sa kanilang site o FavIcon mula sa Pics ay hahayaan kang mag-upload ng isang pic at bumuo ng favicon para sa iyo. Simple!

I-save ang iyong favicon: Kapag nagse-save ang iyong file, bawasan ito sa 16 bit at i-save bilang "favicon.ico" kung gumagamit ka ng Photoshop o "favicon.gif" o "favicon.png" kung gumagamit ka ng ibang bagay. Kung gumagamit ka ng Photoshop at nais na ibigay ang iyong favicon ilang dagdag na oomph, inirerekomenda mong i-download ang file na format ng Windows Icon plugin upang maaari mong i-save sa format ng ICO.

I-upload ang iyong favicon: Kumonekta sa iyong server at i-upload ang iyong favicon sa root folder ng iyong site. Pagkatapos, idagdag ang sumusunod na HTML code sa seksyon ng ulo ng iyong pahina ng Web (sa pagitan ng dalawang mga tag ng Head) (piliin ang iyong uri ng file):

Refresh: Kapag tapos ka na, i-refresh ang iyong browser at dapat mong makita ang iyong favicon lalabas. Kung hindi, bigyan ito ng ilang minuto. Minsan kumukuha ng kaunti para sa lahat upang i-sync.

At iyan! Apat na hakbang at mayroon kang isang mahusay na branded favicon na makakatulong sa mga user na makilala ang iyong site sa listahan ng mga bookmark o sa kanilang browser. Medyo simple, tama?

Lamang para sa kasiyahan, narito ang ilan sa aking mga paboritong favicons sa Web:

  • Michigan fireworks
  • Jeffrey Zeldman
  • Boing Boing
  • Encyclopedia.com
  • Fool.com
  • SEO Blog ng Michael Grey

Anumang iba pang mga personal na paborito?

17 Mga Puna ▼