Favicon-generaattori
Muunna yksi kuva täydelliseksi favicon-kokoelmaksi kaikissa yleisissä ko'oissa sekä käyttövalmiiksi HTML-koodikatkelmaksi. Kaikki selaimessasi.
Pudota kuva tähän
tai
Favicon-kokoelman luominen
- Pudota kuva latausalueelle tai valitse se laitteeltasi napsauttamalla.
- Työkalu muuttaa kuvan neliöksi ja keskittää sen, minkä jälkeen se luo kaikki yleiset favicon-koot.
- Lataa kukin PNG erikseen tai lataa koko kokoelma valitsemalla Lataa kaikki.
- Kopioi HTML-koodikatkelma sivustosi head-osioon.
UKK
Ladataanko kuvani palvelimelle?
Ei. Faviconit luodaan kokonaan selaimessasi Canvas API:n avulla, joten kuvasi ei poistu laitteeltasi.
Mitä kokoja generaattori tuottaa?
Se tuottaa 16x16-, 32x32-, 48x48-, 180x180- (apple-touch-icon), 192x192- ja 512x512-kokoiset PNG-tiedostot, joita nykyaikaiset selaimet yleisimmin pyytävät.
Entä jos kuvani ei ole neliö?
Kuva skaalataan sopimaan neliönmuotoiseen piirtoalueeseen ja keskitetään. Sivuille jää läpinäkyvää tilaa, joten tulos toimii silti kuvakkeena.
Onko työkalu ilmainen?
Kyllä. Jokainen Handio-työkalu on ilmainen ilman rekisteröitymistä, rajoituksia tai vesileimoja.
Liittyvät työkalut
Miksi luoda favicon-kokoelma?
Selaimet pyytävät faviconeja useissa ko'oissa välilehtiä, kirjanmerkkejä ja aloitusnäyttöjä varten. Täydellinen kokoelma pitää sivustosi terävänä kaikkialla sen sijaan, että yksi skaalattu kuva näyttäisi sumealta.
- Kattaa kaikki koot, joita selain saattaa pyytää 16 pikselin välilehdistä 512 pikselin kuvakkeisiin.
- Tarjoa iOS:n aloitusnäytöissä käytettävä apple-touch-icon.
- Saat tarkan HTML-merkinnän, jonka voit liittää sivustosi head-osioon.
Vinkit ja rajoitukset
Aloita yksinkertaisella, suuren kontrastin kuvalla, sillä pienet yksityiskohdat katoavat 16 pikselin koossa. PNG-tuloste säilyttää läpinäkyvyyden, ja 180 pikselin apple-touch-icon-kuvakkeen tulisi olla yhtenäinen muoto ilman läpinäkyviä reunoja. Kaikki tapahtuu paikallisesti selaimessasi.