Favicon- tai Favorites-kuvakkeen lisääminen

Määritä mukautettu kuvake, kun lukijat kirjaavat sivustosi

Oletko koskaan huomannut pienen kuvakkeen, joka näkyy kirjanmerkeissäsi ja joidenkin verkkoselainten välilehdessä? Tätä kutsutaan suosituksi kuvaksi tai faviconiksi.

Favicon on tärkeä osa sivustosi markkinointia, mutta olisit yllättynyt siitä, montako sivustoa ei ole. Tämä on valitettavaa, koska niitä on suhteellisen helppo luoda, varsinkin jos sinulla on jo grafiikka ja logot sivustollesi.

Luo Favicon ensin Luo kuva

Luo grafiikka-ohjelman avulla kuva, joka on 16 x 16 pikseliä. Jotkut selaimet tukevat muita kokoja, mukaan lukien 32 x 32, 48 x 48 ja 64 x 64, mutta sinun on testattava koot, joiden koko on suurempi kuin 16 x 16 selaimissa, joita kannattaa. Muista, että 16 x 16 on hyvin pieni, joten kokeile monta eri versiota, kunnes luo sivustosi toimiva kuva. Yksi tapa, jolla monet ihmiset tekevät, on luoda kuvan, joka on paljon pienempi kuin pienikokoinen, ja muokata sen sitten pienemmäksi. Tämä voi toimia, mutta usein suuret kuvat eivät näytä hyvältä, kun ne kutistuvat.

Haluamme työskennellä pienen koon kanssa, sillä silloin on paljon selkeämpää, miten kuva näyttää loppua. Voit suurentaa grafiikkamuotoasi ulos ja rakentaa kuvaa. Se näyttää estävältä, kun pienennetään, mutta se on okei, koska se ei ole niin ilmeinen, kun se ei ole lähentymässä.

Voit tallentaa kuvan haluamaasi kuvatiedostyyppiin, mutta monet kuvankannerit (alla käsitelty) voivat tukea vain GIF- tai BMP-tiedostoja . Myös GIF-tiedostot käyttävät tasomaisia ​​värejä, ja ne näkyvät usein paremmin pienessä tilassa kuin JPG-valokuvat.

Favicon-kuvan muuntaminen kuvakkeeksi

Kun sinulla on hyväksyttävä kuva, sinun täytyy muuntaa se kuvakemuotoon (.ICO).

Jos yrität rakentaa kuvasi nopeasti, voit käyttää online-Favicon-generaattoria, kuten FaviconGenerator.comia. Näillä generaattoreilla ei ole yhtä monta ominaisuutta kuin kuvake tuottaa ohjelmistoja, mutta ne ovat nopeita ja voivat saada sinut favicon vain muutaman sekunnin.

Favicons PNG-kuvina ja muina muodoina

Yhä useammat selaimet tukevat muutakin kuin ICO-tiedostoja kuvakkeina. Tällä hetkellä sinulla on suosikki muodossa kuten PNG, GIF, animoitu GIF, JPG, APNG ja jopa SVG (vain Opera). Useimmissa näistä tyypeistä on useissa selaimissa tukikysymyksiä, ja Internet Explorer tukee vain .ICO: ta . Joten jos tarvitset ikoniasi, joka näkyy IE: ssä, kannattaa noudattaa ICO: ta.

Ikonin julkaiseminen

Kuvakkeen julkaiseminen on yksinkertaista, vaan lataa se sivustosi juurihakemistoon. Esimerkiksi Thoughtco.com-kuvake sijaitsee osoitteessa /favicon.ico.

Jotkut selaimet löytävät favicon, jos se asuu sivustosi juuressa, mutta parhaan tuloksen saavuttamiseksi sinun on lisättävä linkki siihen jokaisesta sivustosi sivusta, johon haluat faviconin. Tämän avulla voit myös käyttää tiedostoja nimeltään jotain muuta kuin favicon.ico tai tallentaa ne eri hakemistoihin.