Verkkosivuston kuvat
Verkkosivuston kuvat pitää editoida ja optimoida oikein, että kuvat latautuvat verkkosivustolla nopeasti. WordPress mediakirjastoon ladattavien kuvien tulisi olla samankokoisia kuin ne näytetään verkkosivustolla. Muista, että suurimmassa osassa kannettavia tietokoneita näytön koko on 1920 pikseliä leveä ja 1080 pikseliä korkea. Verkkosivuston keskikaistan leveys on todennäköisesti 1200 pikseliä ja tästä puolet on 600 pikseliä. Seuraavaksi katsotaan muutamia tyypillisiä tarkoituksia, joissa verkkosivuston kuvat kannattaa editoida ja optimoida oikein.
Taustakuvat
Verkkosivuston taustakuvat ovat haasteellisia, sillä niiden tulee näyttää hyviltä kaikilla laitteilla ja kaikenkokoisilla näytöillä. Taustakuvat kannattaa muokata responsiivisille WordPress verkkosivuille seuraavasti:
- Leveys 1920 pikseliä
- Korkeus 1080 pikseliä
- Jpg-formaatissa
- Paino alle 200 kilo byteä
Asiakuvat
Asioiden esittelykuvat näytetään verkkosivustolla yleensä niin että ne vievät keskikaistasta toisen puolen eli esittelykuvat kannattaa muokata responsiivisille WordPress verkkosivuille seuraavasti:
- Leveys 600 pikseliä
- Korkeus 338-600 pikseliä
- Jpg-formaatissa
- Paino alle 100 kilo byteä
Henkilökuvat
Henkilöiden kasvokuvia on yleensä verkkosivustolla rinnakkain 2-4 kappaletta, joten kasvokuvat kannattaa muokata responsiivisille WordPress verkkosivuille seuraavasti:
- Leveys 600 pikseliä
- Korkeus 600 pikseliä
- Jpg-formaatissa
- Paino alle 100 kilo byteä
Verkkokaupan kuvat
Verkkokaupan kuvat kannattaa muokata sen mukaan mitä kuvat esittävät eli minkälaisia tuotteita kauppa sisältää. Jos verkkokaupassa on tuotteita joiden pakkauksen tekstejä asiakas haluaa lukea on todennäköistä, että asiakas haluaa isontaa kuvan koko näytön suuruiseksi, kun hän tarkastelee kuvaa tarkemmin.
Tuotekuvat (isot)
Jos asiakkaalle halutaan tarjota kuvat niin, että niitä voi tarvittaessa isontaa koko näytön suuruiseksi, kannattaa kuvat muokata seuraavasti:
- Leveys 1080 pikseliä
- Korkeus 1080 pikseliä
- Jpg-formaatissa
- Paino alle 200 kilo byteä
Tuotekuvat (pienet)
Jos taas kuvat näytetään verkkokaupassa niin, että ne vievät esimerkiksi vain puolet keskikaistasta (yksittäisen tuotteen visuaalinen pohja verkkokaupassa), niin kuvat kannattaa muokata seuraavasti:
- Leveys 600 pikseliä
- Korkeus 600 pikseliä
- Jpg-formaatissa
- Paino alle 100 kilo byteä
Kuvien muokkaus työkaluja
Seuraavaksi muutamia kuvien muokkaus työkaluja, joiden avulla kuvien editointi ja optimointi onnistuu kätevästi.
Canva
Verkkosivuston kuvat voi helposti ja ilmaiseksi editoida Canva työkalulla.
ShortPixel
Verkkosivuston kuvat voi helposti ja ilmaiseksi optimoida ShortPixel työkalulla.
