Siirry sisältöön
Monu Tools

Favicon-generaattori

Muunna mikä tahansa kuva täydelliseksi favicon-paketiksi: .ico, PNG-koot, Apple touch icon ja web manifest, kaikki suoraan selaimessasi.

Nain kaytat tyokalua Favicon-generaattori

  1. 01

    Lataa neliönmuotoinen kuva. Yksinkertainen logo tai kuvake toimii parhaiten, ja se käsitellään selaimessasi.

  2. 02

    Valitse halutessasi tausta ja syötä sivustosi nimi web manifestia varten.

  3. 03

    Lataa ZIP ja liitä HTML-pätkä sivusi head-osioon.

Mikä favicon on

Favicon on pieni kuvake, joka näkyy selaimen välilehdissä, kirjanmerkeissä ja puhelimen aloitusnäytöissä. Se on pieni yksityiskohta, joka saa sivuston näyttämään valmiilta ja tunnistettavalta, ja nykyaikaiset selaimet odottavat siitä useita versioita.

Miksi yksi kuva ei riitä

Se on saalis: yksi kuva ei enää riitä. Tarvitset monikokoisen .icon klassisille selaimille, erilliset PNG-koot, Applen kosketuskuvakkeen iOS-aloitusnäytöille, suurempia PNG-tiedostoja Androidille ja verkkoluettelon, jos sivuston pitäisi olla asennettavissa.

Tämä generaattori rakentaa koko sarjan yhdestä kuvasta, mukaan lukien todellisen monikokoisen .ico-tiedoston, ja antaa sinulle tarkan HTML-katkelman pudotettavan sivun päähän, joten sinun ei tarvitse koota tai kirjoittaa sitä käsin.

Mikä kuva ladata

Parhaan tuloksen saat lataamalla vähintään 512 pikselin neliönmuotoisen kuvan, mieluiten yksinkertaisen logon tai merkin yksityiskohtaisen valokuvan sijaan, koska kuvake näytetään usein hyvin pienenä. Ei-neliömäinen kuva keskitetään ja pehmustetaan neliöön, joten reunojen lähellä olevat yksityiskohdat voivat päätyä marginaaleihin.

Taustaväri ja sivuston nimi

Voit halutessasi määrittää taustavärin ja sivustosi nimen. Sivuston nimi menee verkkoluetteloon, jota käytetään, kun joku lisää sivuston aloitusnäyttöön.

Toimii selaimessasi

Kaikki toimii paikallisesti selaimessasi Canvas API:n avulla, joten kuvaasi ei koskaan ladata. Lataat ZIP:n, jossa on kaikki tiedostot ja liitettävä katkelma.

Usein kysytyt kysymykset

Mitä favicon-paketti sisältää?

favicon.ico, joka sisältää 16, 32 ja 48 px koot, erilliset 16 ja 32 px PNG-tiedostot, 180 px Apple touch iconin, 192 ja 512 px PNG-tiedostot Androidille, site.webmanifest-tiedoston sekä HTML-pätkän liitettäväksi sivusi head-osioon.

Minkälaisen kuvan kannattaa ladata?

Vähintään 512 px neliönmuotoinen kuva toimii parhaiten, mieluiten yksinkertainen logo tai tunnus. Ei-neliönmuotoinen kuva keskitetään ja täydennetään neliöksi, joten reunojen lähellä olevat yksityiskohdat saattavat jäädä marginaalien sisään.

Lähetetäänkö kuvani palvelimelle?

Ei. Kuvakkeet luodaan selaimessasi Canvas API:n avulla, joten kuvasi ei koskaan poistu laitteeltasi.

Lähteet

Ilmoita ongelmasta