Favicon-generaattori
Muunna yksi PNG-, JPG- tai SVG-kuva favicon.ico-tiedostoksi ja kaikiksi sivustosi tarvitsemiksi kuvakekoiksi ZIP-paketissa.
Koko kuva pysyy näkyvissä, keskitettynä ja ympärillä on tyhjää tilaa.
Läpinäkyvä sopii selaimen välilehdille; iPhonen kotinäytön kuvakkeille taustaväri on varmempi valinta.
Favicon- ja kuvakepakettisi ilmestyy tähän.
Sijoita tiedostot sivustosi juurikansioon ja lisää nämä rivit jokaiselle sivulle.
Kuvasi muutetaan kuvakkeiksi suoraan selaimessasi. Mitään ei ladata BroBroGo-palvelimelle.
UKK
Mitä tiedostoja kuvakepaketti sisältää?
Paketti sisältää favicon.ico-tiedoston (sisältää 16, 32 ja 48 pikselin versiot), PNG-kuvakkeet koossa 16, 32, 180, 192 ja 512 pikseliä sekä site.webmanifest-tiedoston, joka luettelee suuret kuvakkeet. Jos aloitat SVG-kuvasta, myös itse vektoritiedosto sisällytetään. Yksi ZIP-tiedosto sisältää kaiken.
Minkä kokoinen lähdekuvan tulisi olla?
SVG on ihanteellinen – jokainen kuvake piirretään vektorista, joten jopa 16 pikselin kuvake pysyy terävänä. PNG- tai JPG-kuvissa aloita vähintään koosta 512 × 512; pienemmät kuvat skaalataan ylöspäin ja ne voivat näyttää epätarkoilta.
Pitäisikö taustan olla läpinäkyvä vai värillinen?
Välilehtien kuvakkeet näyttävät hyviltä läpinäkyvinä. iPhonen ja iPadin kotinäytöt kuitenkin värjäävät läpinäkyvät alueet mustiksi – jos käyttäjät saattavat lisätä sivustosi kotinäytölleen, valitse taustaväri.
Mitä tapahtuu kuvalle, joka ei ole neliö?
Kuvakkeet ovat neliönmuotoisia, mutta kuvaasi ei koskaan venytetä. Oletuksena se keskitetään ja sen ympärille lisätään tyhjää tilaa; voit vaihtaa "Täytä (rajaa)" -vaihtoehtoon leikataksesi ylimääräiset reunat pois.
Mihin tiedostot sijoitetaan sivustollani?
Lataa ne sivustosi juurikansioon, jotta favicon.ico on saavutettavissa osoitteessa /favicon.ico, ja liitä sitten luodut koodirivit sivujesi <head>-osioon. Selaimet valitsevat oikean koon automaattisesti.