Paano Lumikha ng isang Favicon.ico: 5 Hakbang (na may Mga Larawan)

Talaan ng mga Nilalaman:

Paano Lumikha ng isang Favicon.ico: 5 Hakbang (na may Mga Larawan)
Paano Lumikha ng isang Favicon.ico: 5 Hakbang (na may Mga Larawan)

Video: Paano Lumikha ng isang Favicon.ico: 5 Hakbang (na may Mga Larawan)

Video: Paano Lumikha ng isang Favicon.ico: 5 Hakbang (na may Mga Larawan)
Video: 7 Easy Photoshop Tips To Make Your Composites More Realistic! 2024, Mayo
Anonim

Kapag bumisita ka sa isang website tulad ng Google, Yahoo o wikiHow, maaari mong mapansin na mayroong isang maliit na icon sa kaliwa ng address bar. Ito ay kilala bilang isang favicon, at maaari kang lumikha ng iyong sarili para sa isang web site. Pati na rin ang pagbibigay sa iyong site ng isang mas propesyonal na pakiramdam, lilitaw ang icon sa mga bookmark ng gumagamit sa tabi ng anumang mga pahina sa iyong site na inilagay nila sa kanilang mga paborito. Makatutulong ito sa kanila na mas madali ang iyong site.

Mga hakbang

Lumikha ng isang Favicon.ico Hakbang 1
Lumikha ng isang Favicon.ico Hakbang 1

Hakbang 1. Lumikha ng isang imahe na 16x16 pixel ang laki

Dapat itong isang simpleng imahe, upang agad itong makilala.

Lumikha ng isang Favicon.ico Hakbang 2
Lumikha ng isang Favicon.ico Hakbang 2

Hakbang 2. I-convert ang imahe sa isang favicon.ico file

Dapat itong tawaging eksaktong ito, o hindi ito makikilala ng browser. Isang madaling paraan upang magawa ito ay ang paggamit ng Dynamic Drive FavIcon Generator. Ang isa pang paraan ay ang paggamit ng isang libreng editor ng imahe na GIMP at i-save ang 16x16 na imahe sa format ng ICO.

Lumikha ng isang Favicon.ico Hakbang 3
Lumikha ng isang Favicon.ico Hakbang 3

Hakbang 3. I-upload ang nabuong file sa iyong web site

Lumikha ng isang Favicon.ico Hakbang 4
Lumikha ng isang Favicon.ico Hakbang 4

Hakbang 4. Idagdag ang sumusunod na code sa HTML ng iyong web site

Dapat mong ilagay ito sa seksyon ng code, at tiyakin na ang landas sa icon ay tama, na may kaugnayan sa web page. Sumusunod ang code (ipinapalagay ang parehong.html at.ico ay nasa parehong tuktok na direktoryo):

Lumikha ng isang Favicon.ico Hakbang 5
Lumikha ng isang Favicon.ico Hakbang 5

Hakbang 5. I-refresh ang pahina, umatras, at humanga sa magandang bagong icon ng iyong web site

Mga Tip

  • Kahit na ang iyong icon ay magiging napakaliit, siguraduhin na ang ibang mga tao ay madaling mabasa / maunawaan ito.
  • Kung gumagamit ka ng Linux, maaari mong mai-convert ang file nang direkta sa iyong computer. Piliin lamang ang isang naaangkop na imahe, buksan ang iyong linya ng utos, mag-navigate sa direktoryo kung saan mo iniimbak ang imahe at i-type: i-convert ang larawan.png-baguhin ang laki 16x16! favicon.ico (palitan ang picture-p.webp" />

Inirerekumendang: