Please note that some of the changes recommended in this guide involve making direct changes to the theme code. If you encounter difficulties with this, please contact a third-party developer for more troubleshooting, customization, or functionality.
We force product images to be JPG for smaller file sizes. Every little bit toward page performance helps. For most people, this will be an invisible feature that is helpful to speed up their page load speeds.
Of course imagery is some of the most important features of a business and some people will want more fine-tuned control over their product images since Shopify's image compression can be a bit aggressive at times (especially if there is text on a JPG image). PNG format images typically have less compression applied to them which can look higher quality but also come with a — sometimes significantly — larger file size.
How to disable background color in my PNG images?
To disable this feature you need to make two small changes in your code editor.
In your Shopify admin, go to Online Store > Themes, click the ... icon next to your theme copy of Streamline, and select Edit code.
You'll want to open two files, both in your snippets folder:
- product-grid-item.liquid
- product-images.liquid
Near the top of each file you'll see this line of code:
{%- assign force_jpg = true -%}Change true to false and you are all set. Your images will now be loaded in the format you uploaded.