Siirry sisältöön
helpyself

Faviconin luoja

Local only — nothing is uploaded unless you save or share it.

Faviconin luoja joka tekee mistä tahansa kuvasta täydellisen sarjan.

  1. Pudota neliömäinen kuva, mieluiten 512×512 tai suurempi
  2. Lataa kuvakkeet tai ne yksittäiset koot joita tarvitset
  3. Liitä HTML-pätkä sivusi head-osaan

Jaa linkki

Tallentaa tämän tiedostoihisi ja antaa osoitteen, jonka kuka tahansa voi avata. Se lakkaa toimimasta itsestään.

Linkki on voimassa
Tallenna tämä työkalu

Pidä Faviconin luoja käden ulottuvilla

Lisää kirjanmerkkeihin

Tietoa työkalusta

Favicon oli ennen yksi pieni tiedosto ja on nyt pieni kokoelma, koska selaimet, iOS:n aloitusnäytöt ja Androidin käynnistimet haluavat kaikki eri kokoja. Tämä luoja tuottaa sen sarjan jolla oikeasti on merkitystä eikä historiallista kahdenkymmenen tiedoston kasaa: moniresoluutioisen favicon.ico-tiedoston joka sisältää 16, 32 ja 48 pikselin versiot selaimen kehyksiin ja kirjanmerkkeihin, erilliset PNG-kuvat kokoina 16 ja 32 nykyselaimille, 180 pikselin Applen kosketuskuvakkeen sekä 192 ja 512 pikselin kuvakkeet Androidille ja progressiivisille verkkosovelluksille. Se antaa myös HTML:n liitettäväksi head-osaan ja manifestin merkinnät Android-kokoja varten, koska sen tietäminen mitkä tiedostot luodaan on vasta puoli ongelmaa. Ei-neliömäiset kuvat rajataan keskitettyyn neliöön eikä litistetä, koska venytetty logo 16 pikselissä on lukukelvoton. Kaikki luodaan selaimessasi, joten logoasi ei koskaan lähetetä.

Usein kysyttyä

Minkä kokoinen lähdekuvani pitäisi olla?

Vähintään 512×512 ja neliömäinen. Kaikki skaalataan alaspäin alkuperäisestäsi, joten pienestä aloittaminen tuottaa pehmeitä kuvakkeita suurempiin kokoihin. Vektorilogo vietynä koossa 1024×1024 antaa siisteimmät tulokset.

Tarvitsenko yhä favicon.ico-tiedostoa?

Tarvitset, joskin vähemmän kuin ennen. Selaimet pyytävät osoitetta /favicon.ico oletuksena ilman link-tagiakin, ja se on yhä se mikä näkyy joissakin kirjanmerkki- ja historianäkymissä. Täällä oleva .ico sisältää kolme resoluutiota jotta selain voi valita terävimmän.

Miksi ei-neliömäinen logoni rajataan?

Koska jokainen faviconin paikka on neliö, ja leveän logon venyttäminen sopimaan tekee siitä 16 pikselissä lukukelvottoman. Käytetään suurinta keskitettyä neliötä. Jos se rajaa jotain tärkeää pois, valmista ensin neliömäinen versio merkistäsi — useimmilla brändeillä on sellainen juuri tästä syystä.

Miksei faviconini päivity sen jälkeen kun latasin sen?

Selaimet välimuistittavat faviconeja hanakasti, usein tavallisen päivityksen ohi. Kokeile kovaa uudelleenlatausta, avaa kuvakkeen osoite suoraan, tai katso yksityisessä ikkunassa. Kyse on lähes aina välimuistista eikä rikkinäisestä tiedostosta.

Kannattaisiko käyttää mieluummin SVG-faviconia?

SVG-faviconeja tuetaan hyvin ja ne skaalautuvat täydellisesti, joten ne ovat hyvä ensisijainen valinta jos sinulla on siistiä vektorigrafiikkaa. Haluat silti .ico-tiedoston ja Applen kosketuskuvakkeen varalle, ja juuri ne tämä sarja tarjoaa.

Auta parantamaan tätä työkalua

Löysitkö virheen, kaipaatko muutosta vai puuttuuko jokin työkalu?

/favicon-generator

↑↓ liikkuminen · Enter avaa · Esc sulkee