1. Lataa kuva
Vedä ja pudota tiedosto merkittyyn alueeseen tai valitse se laitteeltasi. Neliömäinen kuva toimii parhaiten.
Luo favicon.ico verkkosivullesi yhdestä kuvasta
Lataa kuva, ja työkalu luo favicon.ico-tiedoston ja täydellisen PNG-kuvakesarjan selaimille, mobiililaitteille ja Lighthouselle.
Loading tool editor...
Tämä työkalu toimii suuremmalla näytöllä
Käytä tätä työkalua mukavasti avaamalla se kannettavalla tietokoneella, pöytäkoneella tai tabletilla vaakatilassa.
Vinkki
Jos käytät tablettia, vaihda vaakatilaan – kun ikkunan leveys on riittävä, työkalu latautuu automaattisesti.
Mikä on favicon ja miksi se on tärkeä?
Favicon on pieni kuvake, joka näkyy selaimen välilehdessä, kirjanmerkkipalkkissa ja puhelimen aloitusnäytöllä. Se on yksi ensimmäisistä elementeistä, jotka käyttäjä näkee – jo ennen sivun täydellistä latautumista.
Ammattimainen favicon rakentaa brändin tunnistettavuutta ja helpottaa käyttäjää löytämään sivun monien avoimien välilehtien joukosta. Faviconin puuttuminen voi antaa epäammattimaisen vaikutelman ja vähentää kävijöiden luottamusta.
Näin käytät favicon-generaattoria
Faviconin luominen kestää vain muutaman minuutin:
2. Rajaa ja säädä
Säädä rajausaluetta valitaksesi kuvan sopivan osan. Katso, miltä se näyttää eri ko'oissa.3. Lataa kuvakkeet
Lataa favicon.ico ja täydellinen PNG-kuvakesarja ZIP-tiedostona. Kaikki kuvakkeet ovat valmiita käytettäviksi.
Mitkä kuvakkeet generaattori luo?
Jokaisella koolla on oma käyttötarkoituksensa:
favicon.ico (32×32)
Klassinen muoto, jonka kaikki selaimet tunnistavat. Näkyy selaimen välilehdessä.
16×16 ja 32×32 PNG
Vakiokoot nykyaikaisille selaimille. Näkyvät välilehdissä ja kirjanmerkeissä.
180×180 PNG (apple-touch-icon)
Kuvake Apple-laitteille (iPhone, iPad). Näkyy aloitusnäytöllä, kun sivu lisätään.
192×192 ja 512×512 PNG
Kuvakkeet verkkosovelluksille (PWA). Manifestin vaatimia ja sovelluskauppojen käyttämiä.
Jos et rakenna PWA:ta, riittävät: favicon.ico, 32×32 PNG ja 180×180 PNG. Nämä kolme tiedostoa kattavat useimmat käyttötapausten.
Mikä tekee tästä favicon-generaattorista erityisen?
Paikallinen käsittely selaimessa
Kuvaa ei ladata palvelimelle. Kaikki käsittely tapahtuu laitteellasi.Täyttää Lighthouse-vaatimukset
Luodut kuvakkeet täyttävät Google Lighthosen koko- ja muotovaatimukset.Kuvakkeet kaikille laitteille
Yksi tiedostosarja kattaa kaikki selaimet, iOS:n, Androidin ja Windowsin.Ilman rajoituksia, ilman rekisteröitymistä
Luo niin monta faviconia kuin tarvitset. Ilman rekisteröitymistä, ilman maksuja.
Miten favicon-generaattoria käytetään?
Generaattori ohjaa sinut koko prosessin läpi vaihe vaiheelta:
1. Lisää lähdekuva
Vedä tiedosto merkitylle alueelle tai valitse kuva tietokoneeltasi.
Tuetut muodot: PNG, JPG, SVG. Yksinkertainen logo tai kuvake vähintään 512×512 pikseliä toimii parhaiten.
2. Valitse kuvakekoot
Valitse tarvitsemasi kuvakekoot.
Voit valita kaikki tai vain osan. Tavalliselle verkkosivulle riittää: favicon.ico, 32×32 ja 180×180.
3. Aseta luontiasetukset
Määritä lisäasetukset:
- Tausta – läpinäkyvä tai valittu väri
- Manifesti – PWA-konfiguraatiotiedosto
- Automaattinen lataus – tiedostot ladataan heti luonnin jälkeen
4. Luo ja lataa tiedostot
Luonnin jälkeen työkalu käsittelee kuvan paikallisesti – mitään ei lähetetä palvelimelle.
Lataa kaikki tiedostot ZIP-arkistona tai lataa yksittäiset kuvakkeet erikseen.
PNG-koot
16x1632x32180x180
Läpinäkyvä tausta (PNG/ICO)
Taustaväri:
Luontiasetukset – mitä kukin tekee?
Tausta (läpinäkyvä tai väri)
Oletusarvoisesti generaattori säilyttää läpinäkyvyyden. Voit myös valita tietyn taustavärin.
Luo manifesti (site.webmanifest)
JSON-konfiguraatiotiedosto verkkosovelluksille (PWA). Jos et luo PWA:ta, tämä asetus ei ole tarpeen.
Miten luodut tiedostot ladataan?
Kuvakkeiden luonnin jälkeen sinulla on useita latausvaihtoehtoja:
Lataa kaikki ZIP-tiedostona
Lataa kaikki -painike pakkaa kaikki luodut tiedostot yhteen ZIP-arkistoon. Kätevin vaihtoehto, kun tarvitset täydellisen kuvakesarjan.Lataa yksittäiset tiedostot
Jokaisella luodulla kuvakkeella on oma latauspainike – voit ladata yksittäisen tiedoston ilman koko sarjan latausta. Hyödyllinen yhden koon päivittämiseen.
Minne ja miten favicon ladataan?
WordPress
Useimmissa WordPress-teemoissa on sisäänrakennettu sivustokuvakkeen asetusmahdollisuus. Löydät sen hallintapaneelista:
Ulkoasu → Muokkaa → Sivuston identiteetti → Sivustokuvake
Lataa 512×512-tiedosto – WordPress luo automaattisesti pienemmät koot. Täyttä hallintaa varten voit myös ladata tiedostot suoraan juurihakemistoon FTP:n kautta.
Mikä lähdekuva toimii parhaiten?
Favicon on hyvin pieni grafiikka – jopa 16×16 pikseliä. Siksi kaikki kuvat eivät sovellu lähteeksi:
Yksinkertaiset muodot ja luettavat symbolit
Yksinkertaiset logot, yksittäiset kirjaimet tai symbolit toimivat parhaiten. Vältä monimutkaisia grafiikoita, joissa on paljon yksityiskohtia.Neliömuoto
Favicon on neliö. Jos lähdekuvalla on muu kuvasuhde kuin 1:1, se rajataan tai venytetään.Riittävä koko
Suosittelemme lähdekuvaa, jonka koko on vähintään 512×512 pikseliä. Pienemmät kuvat suurennetaan.SVG ihanteellisena lähteenä
SVG skaalautuu ilman laadun heikkenemistä, joten kuvakkeet ovat teräviä kaikissa koissa.
Usein kysytyt kysymykset favicon-generaattorista
Auta meitä parantamaan työkalujamme
Onko sinulla idea uudelle ominaisuudelle, löysitkö virheen tai haluatko ehdottaa toista työkalua, joka helpottaisi työtäsi? Kirjoita meille – vastaamme 24 tunnin kuluessa.