The Strathcom website platform uses multiple aspect ratios for image sliders, which offers flexibility within different responsive views. To make updating your site even easier, we’ve collected the recommended image sizes for our most popular slider ratios. So what are the ideal sizes for image sliders?
The 4 Strathcom Image Slider Aspect Ratios
4:3 – “The Mobile Slider”
For the most part, the 4:3 ratio is garnered for mobile-specific views. This allows your image to be properly sized to the device in both content layout and file sizes for fast loading speeds. We suggest using images at 500×375 pixels.
16:9 – “Tablet and Mobile Views”
Use this aspect ratio for your sliders if you want to use the same image across mobile and tablet devices but want to ensure your pages load quickly. We suggest using images at 960×540 pixels.
68:7 – “Banner View”
This aspect ratio is great for desktop views. Its small form-factor allows for easy placement anywhere on your page without distracting users from your overall website content. We suggest using images at 1800×185 pixels.
21:9 – “Multi-Purpose For All Devices”
The 21:9 ratio option is the most versatile and popular. It can be used for designs on any device or responsive view, from mobile to large desktop screens. We suggest using images at 2100×900 pixels.
Now that you’re armed with knowledge about what are the ideal sizes for image sliders and you’re ready to start up a new PhotoShop document, remember with great power comes great responsibility. Don’t forget to optimize your images; we’ve got a few quick tips to ensure you aren’t slowing down your page load speeds with your amazing promotion slide.