Kuinka lähettää favicon sivustollesi

• Saattaa 19, 2024

Favicon tai pikakuvake on pieni kuva, joka näkyy sivuston URL-osoitteen vieressä selaimesi osoiterivillä. Se näkyy myös sivuston nimen vieressä Kirjanmerkit- tai Suosikit-luettelossa. Jos käytät välilehteä, se saattaa näkyä myös välilehdellä.

Favicon lähettäminen sivustoosi on hieno tapa lisätä vähän persoonallisuutta, ja se on itse asiassa melko helppoa. Prosessin vaikein osa on kuvan valitseminen aluksi! Jos sinulla on hyvä silmä graafisesti, voit suunnitella oman. Jos ei, voit aina valita kuvan verkosta. Jos päätät käyttää olemassa olevaa kuvaa, ÄLÄ lataa vain grafiikkaa toiselta sivustolta ja lähetä se omallesi - loukkaavasi kyseisen verkkovastaavan tekijänoikeuksia ja voi johtaa vakaviin ongelmiin. Ota sen sijaan kuva yhdestä Internetin ilmaisesta lähteestä.

Favicon on oltava tietyn kokoinen toimimaan - joko 16X16 pikseliä tai 32X32 pikseliä. Tämä on todella pieni, joten kun valitset peruskuvasi, varmista, että se näyttää oikealta kutistuen postimerkkikokoon. Kirkkaat värit ja yksinkertaiset muodot toimivat yleensä parhaiten. Sinun on myös tallennettava kuvasi johonkin hyväksytyistä favicon-muodoista: .png, .gif tai .ico. Useimmat verkkokehittäjät käyttävät .ico: ta, koska favicon on todennäköisesti ainoa verkkosivustosi tiedosto, jolla on kyseinen laajennus, joten se erottuu, kun siirryt sivustosi hakemistoihin.

Voit muuntaa kuvan oikean kokoiseksi .ico-tiedostoksi yhdellä useista ilmaisista verkkotyökaluista. Käytän yhtä HTML Kitin valmistajien tarjoamaa tuotetta, jonka avulla voit luoda sekä staattisia että animoituja suosikkeja. Tämän artikkelin alla on linkki favicon-työkaluun.

Nyt on helppo osa - lisää favicon sivustoosi! Sinulla on kaksi vaihtoehtoa favicon-kuvan näyttämiseen. Ensimmäinen ja turvallisin vaihtoehto on laittaa seuraava koodi jokaisen sivun yläosaan, jolla haluat favicon näkyvän, korvaamalla 'href' -osa favicon URL-osoitteella:


type = "image / ICO"
href = "// example.com/myicon.ico">

Toinen vaihtoehto on nimetä favicon "favicon.ico" ja sijoittaa se juurihakemistoon (tämä on yleensä sama hakemisto kuin kotisivusi). Tällä menetelmällä sinun ei tarvitse edes lisätä koodia verkkosivuillesi, ja melkein kaikki selaimet noutavat kuvakkeen - tietyt selaimet (yleensä vanhemmat) eivät kuitenkaan näytä faviconia, jos käytät tätä menetelmää.

Video-Ohjeita: Week 10 (Saattaa 2024).