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.
Näin käytät työkalua Favicon-generaattori
Luo favikoneita kuvasta tai tekstistä ja emojista, kooltaan 16x16:sta 256x256:een, suoraan selaimessasi. Mitään ei ladata palvelimelle — kaikki tehdään paikallisesti.
- Valitse lähdetila: Image, jos haluat käyttää omaa kuvaasi, tai Text / Emoji piirtääksesi merkin värilliselle taustalle.
- Text / Emoji -tilassa kirjoita kirjain tai emoji Text-kenttään ja valitse Font sekä Weight, esimerkiksi Bold tai Black.
- Aseta taustaväri kohdassa BG; pyöristettyjä kulmia varten ota Rounded käyttöön ja säädä Radius-arvoa.
- Luo koot, tarkista esikatselu ja lataa favikoni PNG- tai ICO-muodossa.
Pidä 16x16-välilehden kuvake yksinkertaisena: yksi lihavoitu kirjain tai emoji tunnistetaan myös pienimmässä koossa.
Aiheeseen liittyvät työkalut
- Chmod-laskin Ilmainen online chmod-laskin Linux-tiedostooikeuksien visualisointiin ja laskentaan valintaruuduilla. Muunna heti numeerisen (755, 644) ja symbolisen merkintätavan (rwxr-xr-x) välillä. Tukee erikoisoikeuksia kuten setuid, setgid, sticky bit.
- ASCII-taulukko Täydellinen ASCII-merkkikoodausviite desimaali-, heksadesimaali-, oktaali-, binäärikoodeilla, HTML-entiteeteillä ja merkinkuvauksilla. Välitön haku ja suodatus.
- HTTP-pyyntö Testaaja Testaa REST API:ja suoraan selaimessasi. Lähetä GET-, POST-, PUT-, DELETE-pyyntöjä mukautetuilla otsikoilla, rungolla ja parametreilla. Näe vastauksen tila, otsikot ja JSON-runko heti.
- .htaccess-generaattori Luo Apache .htaccess-sääntöjä uudelleenohjauksille, uudelleenkirjoituksille, turvallisuusotsikoille, välimuistille ja muulle.
- Robots.txt Generaattori Ilmainen online robots.txt generaattori. Luo ja mukauta robots.txt-tiedostoja hallitaksesi hakukoneiden indeksointia, hallitaksesi indeksoijien pääsyä ja optimoidaksesi sivustosi SEO.
- Sivustokartta Generaattori Ilmainen online XML sivustokartta generaattori. Lisää URL-osoitteita, aseta prioriteetit ja luo SEO-sivustokarttoja heti.
- GIF Jaa Kehykset Pura ja lataa yksittäisiä kehyksiä GIF-animaatioista PNG:nä tai sprite-sheetinä. Ilmainen online-työkalu esikatselulla ja ZIP-viennillä.
- GIF Käänteinen Käännä GIF-animaatioiden toistojärjestys ilmaiseksi verkossa. Lataa, esikatsele ja lataa heti.