Ang mga modernong web browser at content-management system ay nag-o-optimize ng mga larawan upang ipakita sa anumang setting. Gayunpaman, pinakamahusay na maghanda ng mga larawang na-optimize para sa bawat posibleng form factor at lokasyon kung saan maaaring lumitaw ang isang larawan. Tumutok sa tatlong bagay: resolution ng larawan, laki, at espasyo ng kulay.
Color Space sa Mga Larawan
Ang mga graphic designer ay umaasa sa dalawang pangunahing espasyo ng kulay. Ang color space ay isang paraan kung saan ang mga pangunahing kulay ay nagsasama-sama upang bumuo ng mga kumplikadong rainbow ng kulay.
Gamitin ang RGB mode kapag naghahanda ng mga larawan para sa mga mobile device. Ang mga display sa mga monitor ng computer at smartphone ay umaasa sa kumbinasyon ng pula, asul, at berdeng mga pixel. Ang RGB na imaheng ito ay na-optimize upang tumpak na kopyahin ang mga nilalayong kulay sa isang screen.
Para sa pag-print, gumagamit ang mga designer ng prosesong may apat na kulay, kung saan ang bawat kulay ay nagiging kumbinasyon ng cyan, magenta, yellow, at black. Minsan ang mga larawang may apat na kulay ay tinutukoy bilang mga CMYK na larawan para sa kadahilanang ito.
Resolution ng Larawan
Ang mga larawan, lalo na sa mga mobile platform, ay dapat kasing liit hangga't maaari upang balansehin ang kalidad laban sa bilis ng pag-download sa mga mobile network at laki ng file laban sa mga limitasyon ng mobile data.
Karamihan sa mga program, kabilang ang mga Adobe Creative Cloud application, ay sumusuporta sa isang Export for Web tool na nagpapakita ng larawan sa iba't ibang kumbinasyon ng resolution at compression. Piliin ang pinakamahusay na kalidad na larawan sa pinakamababang kabuuang sukat.
Laki ng Larawan sa Mga Pixel
Dapat na sukat ang bawat larawan para sa layunin nito. Narito ang ilang halimbawang laki ng larawan para sa mga sikat na gamit sa web:
- Ang mga banner ad sa internet ay kadalasang 468 pixels by 60 pixels.
- Ang mga larawan sa cover ng Facebook ay dapat na 851 pixels by 315 pixels.
- Ang mga larawan sa profile sa Twitter ay dapat na 400 pixels by 400 pixels.
- Ang mga larawan para sa mga nakabahaging link ay dapat na 1200 pixels by 630 pixels.
Kapag nagtatrabaho ka sa mga larawan para sa mga partikular na layunin, tingnan ang lugar kung saan lalabas ang larawang iyon (gaya ng isang social media site o isang blog) upang i-verify ang pinakamainam na mga dimensyon ng larawan at pagkatapos ay sukatin nang naaayon upang maiwasan ang pag-unat o pag-trim ng larawan.
Upang maiwasan ang pixelation, layunin para sa aktwal na laki ng display. Kahit na ang isang imahe ay wastong dimensyon, kung ito ay hindi tama ang laki, ang resultang produkto ay maaaring magmukhang pixelated kung ang larawan ay dapat na palakihin upang matugunan ang magagamit na espasyo.
Tungkol sa Mga Vector Images
Mga imaheng vector-mga larawang kinukuwenta at iginuhit ng device–karaniwang mas mahusay at mas mataas ang kalidad kaysa sa mga larawang raster (mga larawang iginuhit nang paisa-isang pixel) dahil maaari silang palakihin at bawasan nang hindi naaapektuhan ang kalidad ng larawan. Para sa mga simpleng logo, line art, at graph, mainam ang isang bersyon ng vector. Hindi ginagamit ang mga vector format para sa mga larawan.
