Nykyaikaiset verkkoselaimet ja sisällönhallintajärjestelmät optimoivat kuvat näytettäväksi missä tahansa ympäristössä. On kuitenkin parasta valmistaa kuvat, jotka on optimoitu kaikkiin mahdollisiin muototekijöihin ja paikkaan, 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 tapa yhdistää päävärejä monimutkaisten värisateenkaarien muodostamiseksi.
Valokuvan resoluutio
Kuvien, erityisesti mobiilialustoilla, tulisi 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ä
Jokainen kuva on mukautettava aiottuun tarkoitukseen. Tässä on joitain esimerkkejä kuvamuodoista suosittuun verkkokäyttöön:
- Internet-bannerimainokset ovat usein 468 pikseliä x 60 pikseliä.
- Facebookin kansikuvien tulee olla kooltaan 851 x 315 pikseliä.
- Twitter-profiilikuvien on oltava 400 x 400 pikseliä.
- Jaettujen linkkien kuvien on oltava 1200 x 630 pikseliä.
Kun käsittelet valokuvia tiettyyn tarkoitukseen, tarkista, missä kuva näkyy (kuten sosiaalisen median sivustolla tai blogissa), varmistaaksesi kuvan optimaaliset mitat ja kokoa sitten vastaavasti, jotta vältät kuvan venyttämisen tai rajaamisen. Pikseloitumisen välttämiseksi pyri todelliseen näytön kokoon. Vaikka kuva olisi oikean kokoinen, jos mitat eivät ole oikeat, tuloksena oleva tuote voi näyttää pikselöidyltä, jos kuvaa on suurennettava käytettävissä olevaan tilaan sopivaksi.
Tietoja vektorigrafiikasta
Vektorigrafiikka – 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. Vektorimuotoja ei käytetä valokuvissa.