Favicon-generaattori
Luo faviconeja kuvista tai tekstistä/emojista. Luo useita kokoja (16x16 - 256x256) ja lataa PNG- tai ZIP-muodossa. Ilmainen online-työkalu välittömillä tuloksilla.
Mikä on favicon?
Favicon on pieni kuvake, joka näkyy selainvälilehdissä, kirjanmerkeissä ja historiassa. Se auttaa käyttäjiä tunnistamaan verkkosivustosi visuaalisesti ja rakentaa bränditunnettuutta.
Mitä kokoja tarvitsen?
Yleiset koot ovat 16x16 (selainvälilehti), 32x32 (Windows-tehtäväpalkki), 48x48 (Windows-sivusto), 180x180 (Apple touch -kuvake) ja 256x256 (korkearesoluutiot näytöt). Tämä työkalu luo kaikki yleiset koot.
Miten lisään faviconin verkkosivustolleni?
Lisää <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> HTML:n <head>-osioon jokaiselle koolle. Apple-laitteille lisää <link rel="apple-touch-icon" href="/apple-touch-icon.png">.
Mitä kuvamuotoja tuetaan?
PNG on laajimmin tuettu muoto faviconeille. Tämä työkalu luo PNG-tiedostoja. Nykyiset selaimet tukevat myös SVG-faviconeja, mutta PNG:llä on parempi yhteensopivuus kaikissa selaimissa ja laitteissa.
Voinko luoda faviconin tekstistä tai emojista?
Kyllä, voit luoda faviconeja tekstistä, kirjaimista tai emojista. Kirjoita tekstisi tai emojisi, mukauta fontti, väri ja tausta ja luo sitten favicon.
Mikä on favicon.ico:n ja favicon.png:n ero?
Favicon.ico on vanhempi muoto, joka voi sisältää useita kokoja yhdessä tiedostossa. Favicon.png on moderni muoto, jossa on parempi laatu ja läpinäkyvyyden tuki. Useimmat nykyaikaiset verkkosivustot käyttävät PNG-muotoa.
Tarvitsenko faviconin verkkosivustolleni?
Kyllä, faviconit ovat olennaisia bränditunnettuuden ja käyttäjäkokemuksen kannalta. Ne näkyvät selainvälilehdissä, kirjanmerkeissä ja hakutuloksissa, auttaen käyttäjiä tunnistamaan sivustosi nopeasti.
Voinko käyttää läpinäkyvää taustaa faviconilleni?
Kyllä, PNG-muoto tukee läpinäkyvyyttä. Voit luoda faviconeja läpinäkyvillä taustoilla, jotka toimivat hyvin sekä vaaleilla että tummilla selainteemoilla.
Mikä on Apple touch -kuvake?
Apple touch -kuvake on suurempi kuvake (180x180), jota käytetään, kun käyttäjät lisäävät verkkosivustosi iOS-aloitusnäyttöön. Se tarjoaa paremman visuaalisen kokemuksen kuin oletusarvoinen kuvakaappaus.
Miten luon faviconin progressiiviselle verkkosovellukselle (PWA)?
PWA:tta varten tarvitset useita kuvakekokoja, joihin viitataan manifest.json-tiedostossasi. Sisällytä 192x192 ja 512x512 -kuvakkeet sekä maskattava kuvake Androidin adaptiivisille kuvakkeille.
Voinko ladata oman kuvani?
Kyllä, voit ladata PNG-, JPG- tai SVG-kuvia. Työkalu muuttaa automaattisesti niiden kokoa ja optimoi ne kaikille favicon-koolle.
Onko tämä työkalu ilmainen?
Kyllä, tämä favicon-generaattori on täysin ilmainen. Ei rekisteröintiä, ei vesileimoja ja rajoittamaton käyttö.
Mikä tekee hyvästä faviconista?
Hyvä favicon on yksinkertainen, tunnistettava pienissä ko'oissa, käyttää kontrastivärejä ja edustaa brändiäsi. Vältä monimutkaisia yksityiskohtia, jotka sumenevat, kun ne skaalataan 16x16 pikseliin.
Miten testaan faviconini?
Kun olet lisännyt faviconin verkkosivustollesi, tyhjennä selaimen välimuisti ja lataa sivu uudelleen. Faviconin pitäisi näkyä selainvälilehdessä. Voit myös tarkistaa kirjanmerkit ja historian nähdäksesi kuvakkeen.