Favicon-generaattori

Favicon on se pieni kuvake, jonka selaimet näyttävät välilehdissä, kirjanmerkeissä, historiassa ja hakutuloksissa — ja sen toimittaminen oikein tarkoittaa puolen tusinan tiedoston tuottamista: perinteiset 16×16- ja 32×32-PNG:t välilehtiä varten, 48×48 Windowsille, 180×180 Apple-laitteille, 192×192 ja 512×512 Androidia ja PWA-manifestia varten, sekä kunnianarvoisa favicon.ico. Tämä työkalu luo koko paketin yhdestä kuvasta yhdellä napsautuksella.

Kaikki tapahtuu paikallisesti selaimessasi. Kuva puretaan canvas-elementille, rajataan keskeltä neliöksi, pienennetään jokaiseen tavoitekokoon korkealaatuisella pehmennyksellä, ja favicon.ico-säiliö kootaan tavu tavulta suoraan sivulla, sisältäen 16, 32 ja 48 pikselin versiot PNG-merkintöinä. Ei palvelinta, ei tiedoston lähetystä, ei vesileimoja — julkaisematon logo tai asiakkaan aineisto ei koskaan poistu koneeltasi.

Jokainen luotu koko esikatsellaan todellisessa koossa, jotta näet heti, selviääkö logosi matkasta 16×16-kokoon — pienet faviconit palkitsevat yksinkertaiset muodot ja voimakkaan kontrastin, ja esikatselu kertoo rehellisesti, mitä kävijät tulevat näkemään välilehtipalkissa. Jokaisen tiedoston voi ladata erikseen, ja päälatauspainike antaa sinulle kootun favicon.ico-tiedoston.

Työkalu kirjoittaa myös HTML-koodin puolestasi: kopiointivalmiin lohkon linkkielementtejä, joissa on oikeat rel-, type- ja sizes-attribuutit jokaista luotua tiedostoa varten. Lataa kuvakkeet sivustosi juureen, liitä lohko sivujesi head-osioon, ja jokainen selain, puhelin ja PWA-manifesti löytää juuri haluamansa kuvakkeen. Jos tarvitset vain yhden tietyn koon, kokovalitsin (tai esiasetussivut 16×16, 32×32 ja Apple Touch 180) rajaa tulosteen yhteen tiedostoon.