Presenting multiple, average-sized images on mobile devices using little vertical space

1. What size should images be for mobile?
2. What is the minimum width of mobile screen?
3. What screen size should I design for mobile?

What size should images be for mobile?

The best image resolution for most smartphones is 640 by 320 pixels, although you should ideally maintain the aspect ratio of the original image or the output image will be distorted.

What is the minimum width of mobile screen?

320px — 480px: Mobile devices. 481px — 768px: iPads, Tablets. 769px — 1024px: Small screens, laptops. 1025px — 1200px: Desktops, large screens.

What screen size should I design for mobile?

Design for desktop displays from 1024×768 through 1920×1080. Design for mobile displays from 360×640 through 414×896. Design for tablet displays from 601×962 through 1280×800.