Näin muunnat PNG:n ICO-muotoon
Valitse koot
16, 32 ja 48 pikseliä faviconiin; lisää 256 Windows-kuvaketta varten.
Lisää kuva
Parhaiten toimii neliön muotoinen PNG läpinäkyvällä taustalla. Muut muodot sovitetaan tai rajataan neliöksi.
Lataa ICO
Yksi .ico-tiedosto kuvaa kohden, valmiina käyttöön.
Tehdään laitteellasi
Oma selaimesi rakentaa kuvakkeen: kuva skaalataan ja pakataan ICO-tiedostoon paikallisesti. Mitään ei ladata palvelimelle, eivätkä kuvan tiedot, kuten sijainti, koskaan päädy kuvakkeeseen.
Näin käytät ICO-tiedostoa
ICO-tiedosto on pieni säiliö, jossa on sama kuvake useana kokona, jotta jokainen sitä näyttävä paikka voi valita terävimmän. Selaimet käyttävät sitä faviconina välilehdillä ja kirjanmerkeissä, Windows ohjelmissa, pikakuvakkeissa ja kansioissa.
Faviconin lisääminen verkkosivulle
Nimeä tiedosto favicon.ico ja laita se sivustosi pääkansioon – selaimet etsivät sitä sieltä automaattisesti. Voit myös viitata siihen sivujesi head-osassa:
<link rel="icon" href="/favicon.ico" sizes="any">
| Koko | Missä sitä käytetään |
|---|---|
| 16 px | Selaimen välilehdet ja kirjanmerkit |
| 32 px | Välilehdet tarkoilla näytöillä, tehtäväpalkki |
| 48 px | Windowsin pikakuvakkeet ja kansiot |
| 256 px | Windowsin suuret työpöytäkuvakkeet |
Onko sinulla SVG-logo? Muunna se ensin PNG:ksi työkalulla SVG PNG:ksi. Jos haluat pienentää kuvaa ensin, muuta sen kokoa.
Usein kysytyt kysymykset
Mitä kokoja favicon tarvitsee?
Selaimet näyttävät faviconit 16 ja 32 pikselin kokoisina, ja Windows käyttää pikakuvakkeissa kokoa 48. Yksi ICO, jossa on koot 16, 32 ja 48, riittää kaikkiin. Puhelimet käyttävät mieluummin erillistä 180 tai 192 pikselin PNG-kuvaketta.
Säilyykö läpinäkyvyys?
Kyllä. Jokainen koko tallennetaan kuvakkeen sisälle PNG-muodossa täydellä läpinäkyvyydellä.
Entä jos kuvani ei ole neliö?
Valitse "Sovita, läpinäkyvin reunoin", jos haluat säilyttää koko kuvan, tai "Rajaa neliöksi", jos haluat ottaa keskiosan.
Sumentuuko pieni kuva?
Kuvake tarvitsee täsmälleen valitut koot, joten pieni kuva suurennetaan isompiin kokoihin. Aloita kuvasta, joka on vähintään suurimman koon kokoinen – Windows-kuvakkeille 256 pikseliä.
Toimiiko se JPG-valokuvilla?
Toimii, kaikki kuvat käyvät. JPG:ssä ei ole läpinäkyvyyttä, joten valokuvan tausta pysyy ennallaan.
Ladataanko kuviani palvelimelle?
Ei. Kaikki tapahtuu selaimessasi.