Favicon-generaattori
Lataa logo tai kuva ja luo heti faviconit kaikissa tarvittavissa koissa. Esikatsele eri selaimissa ja laitteissa ja lataa yhdellä napsautuksella.
Tai vedä ja pudota kuva tähän
PNG, JPG, SVG tai WebP, enintään 10 Mt
Lataa kuva
Lataa brändisi logo, kuvake tai muu kuva. Suosittelemme tarkkaa PNG-kuvaa läpinäkyvällä taustalla.
Esikatsele ja säädä
Näe reaaliajassa faviconin ilme selaimen välilehdillä, kirjanmerkeissä, Google-tuloksissa ja mobiilin aloitusnäytöllä.
Lataa ja ota käyttöön
Lataa kaikki favicon-koot kerralla, kopioi HTML-koodi ja liitä sivustosi <head>-osioon.
Pidä yksinkertaisena
Monimutkainen ulkoasu ei erotu pienessä koossa. Käytä pelkistettyä logoa tai yhtä vahvaa kuvaketta.
Käytä läpinäkyvää taustaa
Läpinäkyvä PNG toimii parhaiten eri selaimissa ja vaaleissa sekä tummissa teemoissa.
Käytä brändivärejä
Pidä brändi yhtenäisenä käyttämällä faviconissa brändisi päävärejä.
Testaa pienessä koossa
Tarkista aina faviconin ilme 16×16 pikselissä, joka on yleisin näyttökoko.
Kokeile tyyliteltyä kirjainta
Jos logo on liian monimutkainen, brändin nimen vahva alkukirjain voi toimia hyvin.
Neliön kuvasuhde
Faviconit ovat aina neliöitä. Varmista, että alkuperäinen kuva on neliö tai rajautuu sellaiseksi hyvin.
Luo täydelliset sivustokuvakkeet sekunneissa
Favicon näkyy ensimmäisenä selaimen välilehdellä. Työkalu luo logostasi tai kuvastasi automaattisesti tarvittavat kuvakemuodot ja koot tietokoneselaimille, Androidille ja iPhonelle sekä asennukseen tarvittavan HTML-koodin.
Vaihe 1: Lataa kuva
Lataa brändisi logo tai kuvake PNG-, JPG-, SVG- tai WebP-muodossa. Käytä parhaaseen tulokseen tarkkaa neliökuvaa läpinäkyvällä taustalla.
Vaihe 2: Esikatsele käyttötilanteessa
Näe tarkasti, miltä faviconisi näyttää selaimen välilehdellä, Google-hakutuloksissa ja mobiililaitteen aloitusnäytöllä.
Vaihe 3: Lataa aineistot
Lataa yksittäiset kuvakkeet (16x16, 32x32, Apple Touch Icon jne.) tai tallenna koko paketti painamalla Lataa kaikki faviconit.
Vaihe 4: Kopioi HTML-koodi
Kopioi luotu koodilohko ja liitä sivustosi <head>-osioon ottaaksesi uudet kuvakkeet heti käyttöön.
Miksi käyttää Readdyn favicon-generaattoria
Työkalu keskittyy yhteensopivuuteen ja helppouteen. Luo pikselintarkat kuvakkeet selaimille, iOS:lle ja Androidille ilman käsin tehtävää koonmuutosta tai koodausta.
Kaikki muodot yhdessä
Luo tarvittavat koot ICO-, PNG- ja Apple Touch -muodoissa selaimille, Androidille ja iOS:lle yhdellä napsautuksella.
Reaaliaikaiset käyttötilanne-esikatselut
Näe faviconisi selaimen välilehdillä, Googlen tuloksissa ja mobiilinäytöillä heti ennen lataamista.
Käyttövalmis HTML-koodi
Kopioi tarkat asennukseen tarvittavat koodikatkelmat varmistaaksesi kuvakkeiden oikean näkymisen eri laitteilla.
Laadukas muunnos
Säilytä kuvan selkeys ja terävyys, jotta logo näyttää ammattimaiselta pienessäkin 16x16 pikselin koossa.