Paano Gumawa Ng Isang Icon Para Sa Isang Website

Talaan ng mga Nilalaman:

Paano Gumawa Ng Isang Icon Para Sa Isang Website
Paano Gumawa Ng Isang Icon Para Sa Isang Website

Video: Paano Gumawa Ng Isang Icon Para Sa Isang Website

Video: Paano Gumawa Ng Isang Icon Para Sa Isang Website
Video: FREE Cool Logo Maker 2020 (Tagalog Tutorial) 2024, Abril
Anonim

Isang icon para sa isang site, o, tulad ng madalas na tawagin, isang icon ang nakikita mo sa sulok sa tabi ng pangalan ng tab sa browser. Gayundin, ang icon ay ipinapakita sa tapat ng pangalan ng site sa listahan ng "Mga Paborito", maaari mo rin itong makita kapag ipinakita ng search engine ang iyong site sa mga resulta ng paghahanap.

Paano gumawa ng isang icon para sa isang website
Paano gumawa ng isang icon para sa isang website

Kailangan iyon

  • - logo ng site,
  • - Photoshop,
  • - converter ng favicon.

Panuto

Hakbang 1

Buksan ang logo ng iyong website sa Adobe Photoshop. Kung walang logo, maaari kang kumuha ng anumang iba pang larawan, mahalaga lamang na maiugnay ito sa iyong site. Iproseso ang imahe sa pamamagitan ng pag-alis ng lahat ng hindi kinakailangang mga detalye, at ngayon bawasan ang laki nito sa 32 o 16 na mga pixel sa bawat panig. Pagkatapos i-save ang imahe bilang isang.png

Hakbang 2

Pinakamaganda sa lahat, kung nagtatapos ka sa paglikha ng isang file na may resolusyon na 32x32 pixel, habang ang mga gumagamit ay nai-save ang mga shortcut ng mga site na gusto nila sa "Desktop", at doon ang mga larawan na 16x16 pixel ay mukhang hindi sapat na detalyado. Gayunpaman, tandaan na sa browser ang iyong icon ay mai-scale pa rin sa 16x16 pixel, ito ang mga imahe na ipinapakita sa Mga Paborito at sa pamagat.

Hakbang 3

Ngayon kailangan mong i-convert ang larawan sa isang ico file. Magagawa ito gamit ang isang plug-in para sa Photoshop o paggamit ng isang libreng serbisyo sa Internet, halimbawa, https://favicon.ru/. Mayroong maraming mga plugin at serbisyo, gumagana ang mga ito sa halos parehong paraan, kaya walang point sa pagpapayo sa anumang tukoy na isa. Ang mga site na ito ay tinatawag na mga generator ng favicon.

Hakbang 4

Palitan ang pangalan ng nagresultang file na favicon.ico.

Hakbang 5

Pumunta ngayon sa control panel ng iyong site at hanapin ang direktoryo ng ugat kung saan matatagpuan ang unang pahina. Karaniwan itong index.html o ibang file na nabubuo ng system ng pamamahala ng nilalaman. Maaaring mayroon nang isang icon na pinangalanang favicon.ico. Sa kasong ito, tanggalin ang lumang icon at palitan ito ng sarili mong.

Hakbang 6

Kung ang root direktoryo ay hindi magagamit sa iyo, pati na rin sa mga kasong iyon kung isinulat mo mismo ang code para sa site, kailangan mong i-edit ang lahat ng mga pahina ng site kung saan dapat lumitaw ang icon. Buksan ang pahina sa isang editor at magdagdag ng isang entry sa seksyon ng ulo

Hakbang 7

Kung ang icon ay matatagpuan hindi sa direktoryo ng ugat, ngunit sa ibang lugar, pagkatapos sa parameter ng href isulat ang buong landas ng file.

Inirerekumendang: