Nykyaikaiset verkkoselaimet ja sisällönhallintajärjestelmät optimoivat kuvat näytettäväksi missä tahansa asetuksessa. On kuitenkin parasta valmistaa kuvat, jotka on optimoitu kullekin mahdolliselle muototekijälle ja sijainnille, jossa kuva saattaa näkyä. Keskity kolmeen asiaan: kuvan resoluutioon, kokoon ja väriavaruuteen.
Väriavaruus kuvissa
Graafiset suunnittelijat luottavat kahteen pääväritilaan. Väriavaruus on menetelmä, jolla päävärit yhdistyvät muodostaen monimutkaisia värisateenkaareja.
Käytä RGB-tilaa, kun valmistelet kuvia mobiililaitteille. Tietokonenäyttöjen ja älypuhelimien näytöt perustuvat punaisten, sinisten ja vihreiden pikselien yhdistelmään. Tämä RGB-kuva on optimoitu toistamaan tarkasti aiotut värit näytöllä.
Painatuksessa suunnittelijat käyttävät neljän värin prosessia, jossa jokainen väri tislautuu syaanin, magentan, keltaisen ja mustan yhdistelmäksi. Joskus nelivärisiä kuvia kutsutaan tästä syystä CMYK-kuviksi.
Kuvan tarkkuus
Erityisesti mobiilialustoilla olevien kuvien tulee olla mahdollisimman pieniä, jotta laatu ja latausnopeus ovat tasapainossa mobiiliverkoissa ja tiedostokoko ja mobiilidatarajoitukset.
Useimmat ohjelmat, mukaan lukien Adobe Creative Cloud -sovellukset, tukevat Export for Web -työkalua, joka näyttää kuvan eri resoluutio- ja pakkausyhdistelmillä. Valitse laadukkain kuva pienimmällä kokonaiskoolla.
Kuvan koko pikseleinä
Jokaisen kuvan koko tulee olla sen käyttötarkoituksen mukainen. Tässä on joitain esimerkkejä kuvakooista suosittuihin verkkokäyttöihin:
- Internet-bannerimainokset ovat usein 468 x 60 pikseliä.
- Facebookin kansikuvien tulee olla 851 x 315 pikseliä.
- Twitter-profiilikuvien tulee olla 400 x 400 pikseliä.
- Jaettujen linkkien kuvien tulee olla 1200 x 630 pikseliä.
Kun käsittelet valokuvia tiettyyn tarkoitukseen, tarkista paikka, jossa kuva näkyy (kuten sosiaalisen median sivusto tai blogi), varmistaaksesi kuvan optimaaliset mitat ja sitten vastaavan koon, jotta vältät kuvan venymisen tai leikkaamisen.
Pikseloitumisen välttämiseksi tähtää todelliseen näytön kokoon. Vaikka kuva olisi mitoitettu oikein, jos sen kokoa ei ole tehty oikein, tuloksena oleva tuote voi näyttää pikselöidyltä, jos kuva on skaalattava käytettävissä olevan tilan mukaan.
Tietoja vektorikuvista
Vektorikuvat – laitteen laskemat ja piirtämät kuvat – ovat yleensä tehokkaampia ja laadukkaampia kuin rasterikuvat (pikseli kerrallaan piirretyt kuvat), koska niitä voidaan suurentaa ja pienentää kuvanlaatuun vaikuttamatta.. Yksinkertaisille logoille, viivapiirroksille ja kaavioille vektoriversio on ihanteellinen. Valokuvissa ei käytetä vektorimuotoja.
