- Max image width - 1500px
- Minimum image quality - 60%
- Resolution - 96
- Color mode - RGB color
We recommend that the maximum image size should be 1500px wide - this is a suitable size for retina iPad displays and therefore will look good on other devices. Be sure to set image quality to 60% for best optimisation results.
In most cases, you will not need to have images as big as 1500px as the image slot is smaller than 1024px retina device. You can calculate the size of your images using the following method:
1. Find out the largest width your image will display at (sometimes this is mobile). It depends on your media queries and css. Use this pixel value to do the following calculation. You can use the web Inspector tools to find out this width.
2. Use the width from the previous step to calculate the answer to: (px width x 2) x 0.75 = image width recommendation
If you are using PhotoShop you should 'Save for Web', use the JPG format and set the quality to 60%. If you require transparency you should use the PNG-24.
Some fields in Express will recommend sizes for images in that particular field, continue to optimise your quality and set the width respectively.