Favicon-generaattori

Luo täydellinen favicon-sarja yhdestä kuvasta — favicon.ico, apple-touch-icon, Android- ja PWA-kuvakkeet sekä HTML-koodinpätkä — 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.

Kaikki modernin sivuston tarvitsemat kuvakkeet kerralla

Favicon ei ole enää yksi tiedosto. Selaimet lukevat pienen favicon.ico-tiedoston välilehtiin ja osoiteriville, iOS haluaa 180×180-kokoisen apple-touch-iconin aloitusnäytölle, ja Android sekä asennettavat verkkosovellukset hakevat 192- ja 512-pikseliset PNG-kuvat verkkomanifestista. Tämä generaattori rakentaa ne kaikki yhdestä lähdekuvasta ja antaa sinulle valmiin, liitettävän HTML-koodinpätkän — joten sinun ei tarvitse viedä kuutta kokoa käsin.

Kehystetty haluamallasi tavalla, pidetty yksityisenä

Säilytä kuvake neliönä, pyöristä kulmat tai rajaa se ympyräksi; lisää täytettä, jottei logo ole kiinni reunassa; ja valitse läpinäkyvä tai yhtenäinen tausta. Reaaliaikainen esikatselu näyttää tuloksen todellisissa favicon-koissa, mukaan lukien selainvälilehden mallinnus. Koska jokainen tiedosto luodaan omalla laitteellasi, logosi — usein julkaisematonta brändimateriaalia — ei koskaan päädy palvelimelle.

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.