Kuinka luoda Favicon.ico: 5 vaihetta (kuvilla)

Sisällysluettelo:

Kuinka luoda Favicon.ico: 5 vaihetta (kuvilla)
Kuinka luoda Favicon.ico: 5 vaihetta (kuvilla)

Video: Kuinka luoda Favicon.ico: 5 vaihetta (kuvilla)

Video: Kuinka luoda Favicon.ico: 5 vaihetta (kuvilla)
Video: Kuinka Poistaa Kuvista MITÄ TAHANSA Photoshopissa? 2024, Saattaa
Anonim

Kun käyt Googlen, Yahoon tai wikiHown kaltaisella verkkosivustolla, saatat huomata, että osoiterivin vasemmalla puolella on pieni kuvake. Tätä kutsutaan faviconiksi, ja voit luoda oman verkkosivustolle. Sen lisäksi, että sivustosi saa ammattimaisemman tunnelman, kuvake näkyy käyttäjän kirjanmerkeissä sivustosi kaikkien sivujen vieressä, jotka he ovat lisänneet suosikkeihinsa. Tämä voi auttaa heitä löytämään sivustosi helpommin.

Askeleet

Luo Favicon.ico Vaihe 1
Luo Favicon.ico Vaihe 1

Vaihe 1. Luo 16x16 pikselin kokoinen kuva

Sen pitäisi olla yksinkertainen kuva, jotta se on heti tunnistettavissa.

Luo Favicon.ico Vaihe 2
Luo Favicon.ico Vaihe 2

Vaihe 2. Muunna kuva favicon.ico -tiedostoksi

Sitä on kutsuttava täsmälleen näin, tai selain ei tunnista sitä. Helppo tapa tehdä tämä on käyttää Dynamic Drive FavIcon -generaattoria. Toinen tapa on käyttää ilmaista kuvankäsittelyohjelmaa GIMP ja tallentaa 16x16 kuva ICO -muodossa.

Luo Favicon.ico Vaihe 3
Luo Favicon.ico Vaihe 3

Vaihe 3. Lataa luotu tiedosto Web -sivustoosi

Luo Favicon.ico Vaihe 4
Luo Favicon.ico Vaihe 4

Vaihe 4. Lisää seuraava koodi Web -sivustosi HTML -koodiin

Laita se koodin osaan ja varmista, että kuvakkeen polku on oikea suhteessa verkkosivuun. Koodi seuraa (olettaen, että sekä.html että.ico ovat samassa ylähakemistossa):

Luo Favicon.ico Vaihe 5
Luo Favicon.ico Vaihe 5

Vaihe 5. Päivitä sivu, astu taaksepäin ja ihaile verkkosivustosi kaunista uutta kuvaketta

Vinkkejä

  • Vaikka kuvakkeesi on hyvin pieni, varmista, että muut ihmiset voivat helposti lukea/ymmärtää sen.
  • Jos käytät Linuxia, voit muuntaa tiedoston suoraan tietokoneellesi. Valitse vain sopiva kuva, avaa komentorivi, siirry hakemistoon, johon tallennat kuvan ja kirjoita: convert picture-p.webp" />

Suositeltava: