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
Vaihe 1. Luo 16x16 pikselin kokoinen kuva
Sen pitäisi olla yksinkertainen kuva, jotta se on heti tunnistettavissa.
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.
Vaihe 3. Lataa luotu tiedosto Web -sivustoosi
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):
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" />