AXNDatan SEO Työkalut: Favicon Generaattori
Favicon Generaattori
Generoi favicon sivustollesi mistä tahansa kuvasta. Tämä työkalu muuttaa minkä tahansa PNG, JPEG tai GIF tiedoston faviconiksi, jota voit käyttää niin sivustollasi kuin myös sovellus kuvakkeena.
Haluatko luoda sivuston kuvakkeen?
Jokaisella internet sivulla tulisi olla sivuston kuvake eli siis Favicon tiedosto joka näkyy selaimessa vasemalla (kuvake). Favicon tulisi olla jokaisella sivustolla koska jos tämä tiedosto puuttuu vaikuttaa se sivustosi latautumiseen kun selain pyrkii etsimään tiedostoa jota ei ole olemassa. Tämän työkalun avulla voit luoda myös sovellus kuvakkeen projektillesi. Faviconin tarkoituksena on erottaa pienellä kuvakkeella (usein 16x16 tai 32x32px kokoinen) sivustot toisistaan selaimessa.
Favicon eli sivuston kuvake toimii lähes jokaisella selaimella ja auttaa sivustoasi erottumaan, Favicon generaattori luo kuvastasi ilmaiseksi faviconin eli sivuston kuvakkeen.
Sivuston kuvake tulee ladata palvelimen juurihakemistoon (usein public_html) ja määrittää se sivuston <head></head> osiossa seuraavalla koodilla:
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
Tässä vielä miten voidaan määrittää eriselaimille erilainen favicon, näitä ei ole pakko lisätä sivustolle:
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
<meta name="msapplication-TileColor" content="#2b5797">
<meta name="theme-color" content="#ffffff">
Miten lisään WordPressissä faviconin?
WordPressissä sinun ei tarvitse luoda erillistä faviconia genaraattorilla vaan voit käyttää haluamaasi kuvaa suoraan sivuston kuvakkeena menemällä sivuston hallintapaneelin kautta Ulkoasu -> Mukauta -> Yleiset asetukset -> Sivuston identiteetti -> Sivuston kuvake. Kuvake tulisi olla 512x512 pikseliä eli siis neliön muotoinen joka sitten muokataan sivuston kuvakkeeksi automaattisesti tai halutessasi voit rajata kuvaa latausvaiheen jälkeen.