ICO-muunnin
Muunna mikä tahansa kuva — PNG, JPG, SVG tai WebP — monitarkkuuksiseksi ICO-tiedostoksi paikallisesti selaimessasi. Mitään ei ladata palvelimelle.
Yksityisyys edellä: jokainen kuva käsitellään paikallisesti selaimessasi. Mitään ei ladata palvelimelle, tallenneta tai lähetetä minnekään.
Mikä tahansa lähde, yksi kuvaketiedosto
Osoita muuntimelle mitä sinulla onkin: PNG-vienti, JPG, WebP tai SVG-logo, joka rasteroidaan ensin paikallisesti korkealla tarkkuudella. Se tuottaa favicon.ico-tiedoston, joka sisältää 16, 32 ja 48 pikselin kuvat — ne koot, joihin selaimet ja Windows todella tarttuvat — joten kuvake pysyy terävänä kaikkialla missä se näkyy.
Muoto ja täyte mukana
Pyöristä kulmat tai rajaa ympyräksi, lisää täytettä ja valitse läpinäkyvä tai yhtenäinen tausta ennen vientiä — reaaliaikaisella esikatselulla todellisissa kuvakekoissa. Kaikki toimii selaimessasi, joten myös luottamuksellinen brändimerkki muunnetaan ilman että se poistuu laitteeltasi.
Usein kysytyt kysymykset
- Ladataanko kuvani palvelimelle faviconin tekemiseksi?
- Ei. favicon.ico, PNG-kuvakkeet ja manifesti luodaan kaikki paikallisesti selaimessasi Canvas API:n avulla. Kuvasi ei koskaan poistu laitteeltasi.
- Mitä kokoja ja tiedostoja saan?
- Monitarkkuuksisen favicon.ico-tiedoston (16, 32 ja 48 px), PNG-kuvakkeet kokoina 16, 32, 48, 180 (apple-touch-icon), 192 ja 512 px, site.webmanifest-tiedoston sekä HTML-pätkän liitettäväksi <head>-osioon.
- Voinko muuntaa PNG:n tai SVG:n ICO-muotoon?
- Kyllä. Pudota mukaan PNG, JPG, SVG tai WebP ja lataa aito favicon.ico. SVG-logot rasteroidaan ensin paikallisesti suurella tarkkuudella.
- Millainen kuva toimii parhaiten?
- Neliömäinen kuva, jossa on yksinkertainen ja korkeakontrastinen logo. Muun kuin neliön muotoiset kuvat rajataan keskeltä sopiviksi; käytä täyte- ja muotosäätimiä sommitellaksesi sen haluamallasi tavalla.
- Miten asennan faviconin?
- Pura paketti sivustosi juurikansioon ja liitä mukana tuleva HTML-pätkä sivujesi <head>-osioon. Useimmat selaimet löytävät favicon.ico-tiedoston automaattisesti.