Favicon-generaattori

Kaikki selainten tarvitsemat koot yhdessä paketissa

Luo kaikki selainten vaatimat favicon-koot yhdestä lähdekuvasta.

Pudota 512×512 PNG; lataa zip, joka sisältää kaikki modernin verkkosivuston tarvitsemat favicon-variaatiot — monikokoinen ICO, Apple touch -kuvakkeet, Android-manifestikuvakkeet ja HTML-pätkä, jonka voit lisätä <head>-osioon. Valmis 10 sekunnissa.

Mitä luodaan

favicon.ico — monikokoinen ICO, jossa 16, 32, 48, 64 px -versiot.
favicon-16x16.png, favicon-32x32.png, favicon-96x96.png — modernien selainten poiminnat.
apple-touch-icon.png — 180×180 iOS:n aloitusnäyttöä varten.
android-chrome-192x192.png, 512×512 — Androidin aloitusnäyttöä varten.
site.webmanifest — valmiiksi täytetty PWA-tukea varten.
browserconfig.xml — Microsoftin ruutujen konfigurointia varten.
HTML-pätkä — <link>-tagit, jotka liitetään <head>-osioon.

Miksi niin monta tiedostoa

Eri selaimet, käyttöjärjestelmät ja kontekstit (selaimen välilehti, kirjanmerkit, aloitusnäyttö, sovellusten käynnistimet, tehtäväpalkit) suosivat eri kokoja ja formaatteja. Nykyaikainen paras käytäntö on tarjota kourallinen, joka kattaa kaikki yleiset tapaukset. Vanhemmat selaimet käyttävät favicon.icoa; nykyaikaiset valitsevat optimaalisen PNG:n.

Lähteen suositukset

512×512 tai suurempi. Pienennämme; emme koskaan suurenna.
Neliö. Ei-neliömäisiin syötteisiin lisätään pehmustetta.
Yksinkertainen siluetti. Faviconit näkyvät 16×16 koossa — monimutkaiset logot menettävät yksityiskohtia.
Läpinäkyvä tausta tai yksivärinen väri.

Tarvitsetko myös täydelliset sovelluskuvakkeet?

iOS:n / Androidin sovelluskuvakkeita (ei vain verkko-faviconeja) varten käytä sen sijaan App Icon Generatoria — se luo kaikki koot, joita XCode ja Android Studio tarvitsevat.

Usein kysytyt kysymykset

Toimiiko favicon.ico vanhassa IE:ssä?

Kyllä — monikokoinen ICO 16/32/48/64 pikselillä toimii IE6+:ssa ja nykyaikaisissa selaimissa.

Mihin apple-touch-icon on tarkoitettu?

Kun iOS-käyttäjät lisäävät sivustosi kotinäyttöön, tätä kuvaketta käytetään. 180×180 on moderni koko.

Tarvitsenko manifestin?

PWA-tukea varten: kyllä. Yksinkertaiselle verkkosivustolle: valinnainen, mutta suositeltava.

Mikä formaatti on paras lähdekuvalle?

PNG läpinäkyvyydellä. Myös SVG toimii (rasteroimme).

Näyttääkö favicon sumealta koossa 16×16?

Yksityiskohtaiset logot näyttävät. Yksinkertaista tai käytä yhtä lihavoitua kirjainta pienissä koissa.

Mihin tiedostot menevät palvelimellani?

Kaikki sivustosi web-juureen. HTML-pätkä viittaa niihin nimillä /favicon.ico, /favicon-32x32.png jne.

Massatuotanto useille verkkosivustoille?

Premium: kyllä.

Ovatko lataukset yksityisiä?

Kyllä — poistetaan 24 tunnin kuluessa.

Tietoja Favicon-generaattori

Favicon-generaattori on ilmainen verkkotyökalu Wallpapers.com-sivustolta, joka toimii kokonaan selaimessasi — ei asennusta, ei vesileimaa, ei sähköposti-ilmoittautumista ensimmäiselle kokeilulle. Luo kaikki selainten vaatimat favicon-koot yhdestä lähdekuvasta.

Käyttöohje Favicon-generaattori

Pudota kuvasi latausalueelle (yksittäinen tai erä - vaihda Bulk tilaan yläreunasta).
Valitse työkalun tarjoamat asetukset (koko, muoto, laatu).
Klikkaa Suorita. Tulos latautuu automaattisesti — ei manuaalista tallennusta.

Milloin käyttää

Yleisiä käyttötapauksia ovat: kuvien valmistelu webiin, verkkokauppalistauksiin, somealustoille muotovaatimuksineen sekä tiedostojen muuntaminen laitteelta tai sovelluksesta toiseen.

Ilmainen vs Premium

Jokainen kävijä saa ilmaisen koeajon; kirjautuneet ilmaiskäyttäjät saavat korkeamman päivittäisen kiintiön. Tilaa Premium saadaksesi rajoittamattomat ajot, eräkäsittelyn jopa 200 kuvaa työtä kohden, prioriteettijonon ja mainoksettoman selailun.