I’m wondering what are the correct sizes for pictures on the web.
As far as I know,
-mobiles: pictures should have at least the width of the viewport but more is better otherwise users can’t zoom in.
How many pixels more?
-desktop: if you want to use a picture full screen, things are as said before.
For smaller pictures: at least 1200-1600 px at 72 ppi (?)
But what about HD screens???
Should I choose different picture’s size for them? I guess so. Then I’ll need to check what are the sizes of most popular HD screens?
I think I got confused because of the difference between viewports’s sizes and screens’s definition (I’m not talking about screen’s resolution obviously).
Can anyone be so kind to cast a light on this topic?
Thank you very much!!!