Kuinka Tehdä Kuvake Verkkosivustolle

Sisällysluettelo:

Kuinka Tehdä Kuvake Verkkosivustolle
Kuinka Tehdä Kuvake Verkkosivustolle
Anonim

Sivuston kuvake tai, kuten sitä kutsutaan useammin, kuvake on mitä näet kulmassa selaimen välilehden nimen vieressä. Kuvake näkyy myös sivuston nimen vieressä Suosikit-luettelossa. Voit nähdä sen myös, kun hakukone näyttää sivustosi hakutuloksissa.

Kuinka tehdä kuvake verkkosivustolle
Kuinka tehdä kuvake verkkosivustolle

Se on välttämätöntä

  • - sivuston logo,
  • - Photoshop,
  • - favicon-muunnin.

Ohjeet

Vaihe 1

Avaa verkkosivustosi logo Adobe Photoshopissa. Jos logoa ei ole, voit ottaa minkä tahansa muun kuvan, on vain tärkeää, että se liitetään sivustoosi. Käsittele kuvaa poistamalla kaikki tarpeettomat yksityiskohdat ja pienennä nyt sen koko 32 tai 16 pikseliin kummallakin puolella. Tallenna sitten kuva png- tai gif-grafiikkatiedostona.

Vaihe 2

Mikä parasta, jos päätät luoda tiedoston, jonka resoluutio on 32x32 pikseliä, koska käyttäjät tallentavat joskus haluamiensa sivustojen pikakuvakkeet työpöydälle, ja 16x16 pikselin kuvat näyttävät riittämättömiltä. Muista kuitenkin, että selaimessa kuvakkeesi skaalataan edelleen 16x16 pikseliksi, nämä ovat kuvia, jotka näkyvät Suosikit ja otsikossa.

Vaihe 3

Nyt sinun on muunnettava kuva ico-tiedostoksi. Tämä voidaan tehdä käyttämällä Photoshopin laajennusta tai ilmaista Internet-palvelua, esimerkiksi https://favicon.ru/. Laajennuksia ja palveluja on paljon, ne toimivat melkein samalla tavalla, joten mitään hyötyä ei ole syytä neuvotella. Näitä sivustoja kutsutaan favicon-generaattoreiksi.

Vaihe 4

Nimeä tuloksena oleva tiedosto uudelleen nimellä favicon.ico.

Vaihe 5

Siirry nyt sivustosi ohjauspaneeliin ja etsi juurihakemisto, jossa ensimmäinen sivu sijaitsee. Tämä on yleensä index.html tai jokin muu tiedosto, jonka sisällönhallintajärjestelmä luo. Siellä voi jo olla kuvake nimeltä favicon.ico. Poista tällöin vanha kuvake ja korvaa se omalla.

Vaihe 6

Jos juurihakemisto ei ole käytettävissäsi, samoin kuin jos kirjoitit sivuston koodin itse, sinun on muokattava kaikkia sivuston sivuja, joissa kuvakkeen pitäisi näkyä. Avaa sivu editorissa ja lisää merkintä pääosaan

Vaihe 7

Jos kuvake ei sijaitse juurihakemistossa vaan muualla, kirjoita href-parametriin tiedoston koko polku.

Suositeltava: