Favicon-generaattori

Mika on favicon-generaattori?

Favicon on pieni kuvake, joka naytetaan selaimen valilehdissa, kirjanmerkeissa, hakutuloksissa ja sovelluspikakuvakkeissa verkkosivustolle. Tyypillisesti 16x16 tai 32x32 pikselia, se on verkkosivustosi visuaalinen identiteetti selaimessa. Hyva favicon parantaa brandin tunnistettavuutta ja auttaa kayttajia loytamaan sivustosi useiden avoimien valilehtien joukosta.

Modernit verkkosivustot tarvitsevat useita favicon-kokoja: 16x16 ja 32x32 selaimen valilehdille, 180x180 Applen kosketuskuvakkeille, 192x192 ja 512x512 Androidin aloitusnaytolle ja aloituskuvalle (PWA-manifesti). Jokainen alusta hakee eri kokoa — yksikin puuttuva koko voi tarkoittaa sumeaa tai oletuskuvaketta.

Tyokalun kayttohje

Lataa neliokuva (mieluiten vahintaan 512x512 pikselia). Tyokalu generoi kaikki standardikokoiset faviconit ja muodot. Esikatsele jokaista kokoa ennen lataamista. Lataa ne ja lisaa annetut HTML-linkkielementit sivustosi head-osioon.

Tarvittavat favicon-koot

• 16x16 — selaimen valilehtikuvake (klassinen favicon-koko).
• 32x32 — tehtavapalkin pikakuvake, korkean DPI:n selaimen valilehdet.
• 180x180 — Apple Touch Icon iOS-aloitusnaytolle.
• 192x192 ja 512x512 — Androidin aloitusnaytto ja aloituskuva (PWA-manifesti).

Favicon-suunnitteluvinkkeja

Faviconien on oltava tunnistettavia pienissa koissa. Kayta rohkeita muotoja, yksinkertaista geometriaa ja korkeaa kontrastia. Teksti toimii harvoin alle 32 pikselin koossa. Verkkotunnuksen ensimmainen kirjain tuotevaarissa on turvallinen vaihtoehto. Testaa aina todellisissa selainvalehdissa — mika nayattaa hyvalta 512-pikselisena, voi olla tunnistamaton 16-pikselisena.

Usein kysytyt kysymykset

Mika on ero favicon.ico- ja PNG-faviconien valilla?

ICO-muoto voi sisaltaa useita kokoja yhdessa tiedostossa ja on kaikkien selainten tukema, mukaan lukien erittain vanhat. PNG on modernimpi, pienempi ja riittaa useimpiin nykyisiin selaimiin. Kaytannossa tarjoa sekae ICO (taaksepain yhteensopivuus) etta PNG (modernit selaimet). SVG-faviconit kasvavat ilman laadun heikkenemista mutta eivat toimi viela kaikissa selaimissa.

Miksi faviconini ei nay?

Yleisia syyja: selain on valimuistittanut vanhan faviconin (kokeile tyhjentaa valimuisti tai ladata yksityisessa ikkunassa), tiedostopolku on vaara HTML:ssa, palvelin palauttaa 404-virheen favicon-pyynnolle tai kuva ei ole nelio. Tarkista selaimen kehittajatyokalujen verkkovalehdelta mahdolliset favicon-virhepyynnot.