Muunna PNG ICO-muotoon

Muunna PNG kunnolliseksi favicon.ico-tiedostoksi — yhdeksi tiedostoksi, joka sisältää 16, 32 ja 48 pikselin versiot — suoraan selaimessasi. Ei latauksia palvelimelle, ei tiliä.

Yksityisyys edellä: jokainen kuva käsitellään paikallisesti selaimessasi. Mitään ei ladata palvelimelle, tallenneta tai lähetetä minnekään.

Aito ICO, ei uudelleennimetty PNG

favicon.ico on säiliö, joka voi sisältää useita kokoja kerralla, ja Windows sekä selaimet poimivat kuhunkin paikkaan terävimmän. Tämä työkalu piirtää PNG:stäsi 16, 32 ja 48 pikselin versiot ja pakkaa ne yhdeksi standardinmukaiseksi ICO-tiedostoksi (laajasti tuettuun PNG-in-ICO-muotoon), joten se toimii välilehdissä, kirjanmerkeissä ja Windowsin tehtäväpalkissa — eikä ole vain PNG, jonka tunniste on vaihdettu.

Muunna paikallisesti sekunnissa

Pudota PNG mukaan ja lataa favicon.ico välittömästi — tai nappaa koko paketti, joka sisältää myös apple-touch-iconin ja verkkosovellusten PNG-kuvat. Muunnos toimii omalla laitteellasi Canvas API:n avulla, joten ei latauksia palvelimelle, ei jonoa eikä rajaa sille, kuinka monta kuvaketta teet.

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.