Muunna JPG ICO-muotoon

Muuta JPG kunnolliseksi monitarkkuuksiseksi favicon.ico-tiedostoksi — ja loppuosaksi modernia kuvakesarjaa — kokonaan 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.

Valokuvamuotoisesta JPEG:stä kuvakemuotoon

JPG on rakennettu valokuville eikä siinä ole läpinäkyvyyttä; ICO taas on säiliö, joka sisältää useita pieniä neliönmuotoisia bittikarttoja kerralla. Niiden välinen muunnos ei ole uudelleennimeäminen — kuva on näytteistettävä uudelleen 16, 32 ja 48 pikseliin ja pakattava yhteen tiedostoon. Tämä työkalu tekee juuri sen ja kirjoittaa aidon monitarkkuuksisen favicon.ico-tiedoston, jotta selaimet voivat poimia tarvitsemansa koon välilehteen, kirjanmerkkipalkkiin tai työpöydän pikakuvakkeeseen.

Rajaa valokuva luettavaan muotoon

JPEG on yleensä valokuva, ja valokuvat kestävät harvoin 16 pikseliin kutistamisen. Käytä täytteen ja muodon säätimiä tuodaksesi kohteen lähemmäs, lisää yhtenäinen tausta, jotta reunat pysyvät siisteinä, ja seuraa reaaliaikaista esikatselua ja selainvälilehden mallinnusta nähdäksesi, erottuuko se yhä välilehden koossa. Koko sarja — favicon.ico, apple-touch-icon, PWA-kuvakkeet ja HTML-koodinpätkä — latautuu zip-pakettina.

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.