These two points are related because you need to think about where the image is going in order to determine maximum and minimum image dimensions.
As a general rule of thumb, we want the image to be as small as possible for increased performance, but we never want it to appear blurry on any device, which is where the location comes into play.
Minimum width : 320px (Same as smallest iPhone)
Maximum width : 1200px (Same as maximum width of website)
The image can be present in a number of different layout locations, i.e. in 1 col, 1-1 and so on. For each scenario the minimum and maximum widths may change.
|Layout Location||Recommended Width||Minimum Width|
1-2 / 1-G
|1-2 / 1-G||800px||800px|