Can some one please give tutorial how choose an image size, width x height + dpi, where to work image size down to under 200kb?
A typical iStock options for image are:
S 920 x 383 px 72dpi
M 1589 x 662px 300dpi
L 2689 x 1120px 300dpi
XL 6000 x 2500px 300dpi
Does size S get ‘grainy’ for banner or hero banner image even dpi is enough? Yet it would be good for stacks like image and AB switch, side bar, referance pics?
Would size M be ‘jack of all trade’ suitable for banners and blog writing images on page?
When would you use size L or XL? S or M?
How about when dealig with retina compability? Needles to say that aim is to have fully responsive site.
I think I try to ask is that, does image diameters needs to be as close as possible the content widht px and banner height px in RW’s inspector for best possible results?
How about video clips? Always lower one to work from?
Web 640 x 360 @ 30 fps H.264
HD 1920 x 1080 @ 30p Photo-JPEG
(typical iStock options for video)