Muuta logosi jokaiseksi kuvakkeeksi, jota verkkosivusto tarvitsee: selainten etsimä favicon.ico, PNG-kuvakkeet, iPhonen kotinäytön kuvake ja Androidin sovelluskuvakkeet, valmiin manifestin ja sivullesi liitettävien rivien kera.
Favicon-generaattori at a glance
| Price | Ilmainen, ei rekisteröitymistä, ei vesileimaa, ei päivärajaa |
|---|---|
| Hyväksyy | JPG · PNG · WebP · HEIC |
| Suurin tiedosto | 20 MB per file |
| Where it runs | Selaimessasi: tiedostoja ei koskaan lähetetä palvelimelle |
| Toimii | Mikä tahansa nykyaikainen selain iPhonessa, Androidissa, Windowsissa, Macissa ja Linuxissa |
| Lähetä tulos | Lataa se tai lähetä se ilmaiseksi linkillä tai sähköpostilla (enintään 20 GB) |
Favicon-generaattori – näin se toimii
- Valitse neliön muotoinen logo tai kuva, mieluiten vähintään 512 × 512 pikseliä.
- Valitse, miten ei-neliömäinen kuva käsitellään, sekä tausta ja reunus.
- Paina Luo faviconit.
- Lataa kaikki ZIP-tiedostona, siirrä tiedostot sivustosi juurikansioon ja liitä HTML <head>-osioon.
Mitä saat
| Tiedosto | Koko | Käyttäjä |
|---|---|---|
favicon.ico | 16, 32, 48 px | Kaikki selaimet, Windows, kirjanmerkit |
favicon-16x16.png, favicon-32x32.png | 16, 32 px | Selaimen välilehdet |
apple-touch-icon.png | 180 px | iPhonen ja iPadin kotinäyttö |
android-chrome-192x192.png, -512x512.png | 192, 512 px | Androidin kotinäyttö, asennettavat verkkosovellukset |
site.webmanifest | Nimi, kuvakkeet ja värit Androidille ja PWA-sovelluksille |
Suunnittelu 16 pikselille
Favicon on pieni. Käytä vahvaa symbolia tai yhtä tai kahta kirjainta koko logon ja iskulauseen sijaan sekä suurta kontrastia. Pienet kuvakkeet tehdään pienentämällä suuresta työkopiosta puolittavin askelin, mikä pitää reunat terävinä. Reunus antaa reunoja koskettavalle logolle hengitystilaa, ja pyöristetyt kulmat tai ympyrä vastaavat sovelluskuvakkeiden tyyliä. iPhone-kuvake saa aina yhtenäisen taustan, koska iOS näyttää läpinäkyvät alueet mustina.
Aito ICO-tiedosto
favicon.ico kirjoitetaan täällä tavu tavulta aidoksi monikokoiseksi kuvaketiedostoksi (PNG-pakatut merkinnät, joita tukevat kaikki nykyiset selaimet ja Windows Vistasta lähtien), ei uudelleennimetyksi PNG:ksi. Mitään ei lähetetä palvelimelle: logosi käsitellään selaimessasi. Jos haluat muokata kuvaa ensin, esimerkiksi rajata sen neliöksi, käytä kuvankäsittelyä. Tarvitsetko sivustollesi myös QR-koodin? Kokeile QR-koodigeneraattoria.
Miten tämä vertautuu
| Tämä työkalu | Online converters (e.g. TinyPNG, iLoveIMG tai CloudConvert) | Työpöytäsovellukset (esim. Photoshop) | |
|---|---|---|---|
| Tiedostosi lähetetään palvelimelle | Ei | Kyllä, heidän palvelimilleen | Ei |
| Asennus tai tili | Ei mitään | Tili joitakin toimintoja varten | Install needed |
| Vesileima tai päivärajat | Ei mitään | Yleistä ilmaisissa paketeissa | Depends on the app |
Muiden palveluiden paketit muuttuvat; tarkista niiden sivustot. Lisää kuvatyökalut.
Usein kysytyt kysymykset
Minkä kokoinen favicon-kuvan pitäisi olla?
Neliö ja vähintään 512 × 512 pikseliä, jotta suuri Android-kuvake pysyy terävänä. Pienemmät kuvat toimivat, mutta niitä suurennetaan.
Mihin laitan tiedostot?
Verkkosivustosi juurikansioon (index.html:n viereen), ja liitä tulosten kanssa näytetty HTML sivujesi head-osioon.
Tarvitaanko favicon.ico-tiedostoa yhä?
Kyllä. Selaimet ja monet työkalut pyytävät /favicon.ico-tiedostoa automaattisesti, myös ilman link-tagia.
Voinko tehdä faviconin valokuvasta?
Kyllä, valitse Rajaa keskeltä, mutta yksinkertainen logo tai kirjain on paljon helpompi tunnistaa 16 pikselin koossa.
Lähetetäänkö logoni palvelimelle?
Ei. Kuvakkeet luodaan laitteellasi.
Pitääkö lähettää iso tiedosto?
Lähetä enintään 20 GB tiedostoja latauslinkillä tai sähköpostilla. Ilmainen, ei tiliä tarvita, alkuperäinen laatu.
Lähetä suuria tiedostoja ilmaiseksi