Kuva on verkkosivustosi tärkeä osa, joka välittää tunteita ja havainnollistaa jaettua aihetta. Toinen tärkeä osa verkkosivustoasi on kuitenkin nopeus, ja nopeus on suoraan yhteydessä siihen, kuinka suuria kuvat verkkosivustollasi ovat.
Laadin pienen oppaan siitä, miten kuvia pienennetään (optimoidaan) verkkosivustoa varten niin, ettei kuvan laatu muutu. Käytän samaa järjestelmää itsekin päivittäin.
Nykyään otetaan erittäin suuria kuvia – matkapuhelimemme on asetettu ottamaan yli 4 Mt:n kokoisia kuvia, joiden koko on esimerkiksi 4031×2268 pikseliä. Verkkosivustolle tällaisia kuvia ei kuitenkaan voi laittaa! EI VOI – muista tämä, se on erittäin tärkeää! Muussa tapauksessa yksikään verkkosivuston kävijä ei odota niiden latautumista, ja menetät yksinkertaisesti asiakkaita! Hubspotin artikkelin mukaan 64 % mobiilikäyttäjistä odottaa, että sivu latautuu nopeammin kuin 4 sekunnissa! Jos sivu ei ole avautunut siinä ajassa, he poistuvat. 4 sekunnin latausaikaa ei saavuteta mitenkään, jos sivullasi on 4 Mt:n kuvia.
Seuraavassa on ohje siitä, miten verkkosivustolle ladattavia kuvia on mahdollista pienentää
- Selvitä, mikä on suurin koko, jonka verkkosivustosi ottaa vastaan. Voit tarkistaa tämän esimerkiksi WordPressin ylläpidosta: Asetukset – Media
Kuinka suuren kuvan voin ladata verkkosivustolle
- Minun riin.eu-sivustollani suurimmat kuvat voivat olla kooltaan 1024×1024 px. Jos siis lataan kuvan, jonka koko on esimerkiksi 1500×750 px, se kuluttaa turhaan tilaa. Kuvan suurempi 1500 px:n sivu tulisi pienentää 1024 px:n kokoon.
- Kun kuvan kokoa on pienennetty, kuvat on optimoitava verkkoa varten. Sitä varten on olemassa mainio ohjelma https://tinypng.com/
Lataat haluamasi kuvat heidän sivustolleen, ja he tekevät tarvittavat toimenpiteet, joiden tuloksena kuvat optimoidaan. Katso alla oleva video.
Muista, älä koskaan lataa optimoimatonta kuvaa! Se tekee verkkosivustostasi yksinkertaisesti hitaan!
