Finding the right tools to get the optimal Shopify image sizes can be a right old pickle when there’s so much confusion on the definitions. On the bright side, it turns out there are a lot of options out there to help you get the lightest, highest quality images for your Shopify store.
Does size really matter?
Well, when it comes to Shopify image sizes, apparently it does.
Open any single web store you can think of and pay attention to where your focus is drawn to. Is it the biggest, prettiest picture on the screen?
No surprises there.
But size is a lot more than just what we see on the screen, especially in the Shopify world.
Some of the effects of image sizes aren’t even visible to the naked eye.
Here are the 3 pieces to the image size puzzle:
- Space the images take on the screen
- Dimensions and pixel number of the images
- File sizes of the images
These elements affect how visitors view your store, the quality of images you provide and even the loading speed of the pages they are on.
We all want to make sure we are using the right image sizes in these aspects so that we can attract visitors to our store, and even more importantly keep them there.
That means that the images should be large and detailed enough so that it feels like your product is on display and can be seen in detail.
At the same time, you don’t want them taking up too much space or slowing your pages down.
And even more importantly you want your Shopify image sizes to be consistent so that your pages look neat and tidy.
Nobody likes walking through a shop where half the products are strewn on the floor and there’s a murky puddle of unidentifiable liquid on the floor.
It’s not always so easy to get it right though.
You might find that being consistent with your image sizes is difficult when your theme has strictly defined dimensions.
Or maybe your image file sizes are too big and heavy which is causing your store to run slow.
Thankfully, there are plenty of tips, tools and tricks which can help you overcome these issues.
So, where to start?
What are the Ideal Shopify Image Sizes?
Some themes are designed to make use of large Shopify images sizes more so than others. Before deciding on what’s right for you, why not take a look at other stores that are using your theme and see how you feel about their use of images.
As you can imagine this is quite a broad question, and the answer totally depends on which images we are referring to.
You need to consider which image sizes are recommended by your Shopify theme and look alluring on your store, but also take the limitations of Shopify into account.
Shopify has set limits for images of 4472 by 4472 pixels (20 Megapixels) and file sizes of up to 20 MB.
Now those are fairly hefty, and frankly having 20 MB images on your store is going to do your loading times no favors whatsoever.
They are important to keep in the back of your mind.
But let’s start by looking at the main ways images are used in Shopify and break them down to what’s important for each:
- Slideshow image sizes
- Collection image sizes
- Product image sizes
Shopify Slideshow Image Sizes
The Shopify slideshow images used by “Steeltown Garage Co” guys are simply stunning. Super stylish and show off the brand right off the bat. You don’t need to think long and hard to read any messages here, just breathe that sleek air.
The images that show up in your slideshow are the number one thing that newcomers will see when they land on your store.
It’s going to be like meeting your mother-in-law for the first time. You don’t want to show anything you regret.
That’s why it’s vital you make those initial impressions last.
Quality images that stand out.
And if there’s any of your Shopify image sizes where it’s okay to compromise on file size, it’s here. You can go for a solid high-resolution image without feeling too guilty, even though it’s likely to slow your page down a fraction.
Some of your fancier visitors will be viewing on high definition vision-shattering screens. So, you might want to give them some eye candy to remember you by!
Take a look at the brilliant stylish slideshow images of Steeltown Garage Co above, one of our picks for Best Shopify stores.
There’s been little compromise on quality and that’s going to have a great effect on any fresh visitor to the store.
But listen, just because the images look great don’t mean that they must have huge image file sizes.
Scroll down if you want to find out how to optimize your Shopify image file sizes.
Shopify Collection Image Sizes
Your collection images represent a group of products, so the image size totally depends on your products.
What can be said though is that you should keep your collection image sizes consistent and coherent with each other.
This applies to all your Shopify image sizes, but collection images are easily comparable to each other so make sure their height-to-width ratios are always the same.
Remember: height to width ratio.
That’s the ticket.
Shopify Product Image Sizes
Getting your product images right is vital to landing sales. Makes logical sense, right?
You might assume that means that you need to have a landscape masterpiece painting of your products to get the message across. That might be the case when it comes to your slideshow images, but for your products it’s usually simplicity that counts.
That means having quality images with a simple background so that your product stands out.
Check out Brilliant Bicycles store for example.
Their products offer multiple images from different angles, all being the same size. There’s no tricks or frills with their images and that’s often what works best.
In general, it is best to go for more square Shopify image sizes when it comes to your products. They posit themselves better for mobile use and if a lot of your traffic comes from mobile users then you should make this a priority.
We recommend going for Shopify image sizes of 800 by 800 pixels and above though, because anything below that and customers won’t be able to use zoom functions.
What sad times they would be!