PNG transparent photo wont show as transparent

Shopify Discussion

Topic summary

A Shopify user is experiencing issues with PNG images losing transparency when uploaded to product descriptions in the Sense theme. Despite using remove.bg to create transparent backgrounds, images display with white backgrounds instead.

Troubleshooting suggestions provided:

  • Verify PNG format and file size (keep under 3MB to prevent Shopify’s automatic JPEG conversion)
  • Upload images via Settings > Files first, then use the generated URL
  • Check theme code for image_url filters that may force format conversion
  • Modify liquid template files to explicitly preserve PNG format using format: 'png' parameter

Current status:
The user shared screenshots showing the white background issue but reports difficulty implementing the solutions:

  • Unable to locate the suggested liquid template files or image tags in their theme code
  • Unsure how to properly use image URLs in product descriptions
  • The issue remains unresolved

One responder suggested contacting the theme developer directly for customization assistance, as the theme’s structure may require developer intervention.

Summarized with AI on October 31. AI used: claude-sonnet-4-5-20250929.
1

Well, the Subject says it all! Hello there! I’m new in Shopify trying to create my own store and im having this issue..While in Sense theme, i am trying to edit my products description and im fallin in a loop where i m making a photo transparent with the help of the remove.bg website and every photo im trying to add it wont be transparent and instead it has a white background! Any ideas why this is happening and maybe a solution?

Thanks in advance!

1 Like
2

Hey @StamatisK welcome to Shopify community.

First make sure that your image is transparent. If you are using remove.bg then surely this will be transparent. After the issue will be container. If you want that the image container should be transparent it should not show any background color then you need to use css property.

In order to use this first take a look which class is used for this. If you unfamiliar with the coding then please share your Store URL and password ( if applicable) I will provide you solution code and I will guide where you have to paste.

Waiting for reply from you.

Thanks

3

Hello @StamatisK

Solution 1: Upload PNG Files Properly
.Make sure your transparent image is in PNG format before uploading.
.Check your image’s format after removing the background (sometimes remove.bg defaults to JPEG).
.Try uploading the image directly in the “Files” section of Shopify first:

1.Go to Settings > Files
2.Upload the PNG image
3.Copy the image URL and use it in your product description.

Solution 2: Prevent Shopify From Converting to JPEG
Shopify sometimes converts PNGs to JPEG if they’re too large. To avoid this:
.Keep the PNG file under 3MB
.Manually resize it to a reasonable size before uploading (e.g., 1000x1000px)

Solution 3: Check If Your Theme is Changing the Image Format
The Sense theme may use Shopify’s image_url filter, which sometimes forces JPG conversion.

1.Go to Online Store > Themes > Edit Code

2.Open product.liquid or card-product.liquid

3.Find an image tag that looks like this:

{{ product.featured_image | image_url: width: 800 }}

4.Modify it to preserve PNG transparency by changing it to:

{{ product.featured_image | image_url: width: 800, format: 'png' }}

Let me know if this helps! If your transparent images are still not working, I can guide you through testing it further.

Thank you :blush:

4

Hi @StamatisK can you share store url and detail image?

5

hello there!! Thanks for the reply..i want to ask just because i dont know..Is it normal to share the passwords and the store to people here? I’m only asking because im new and i know for a fact that sharing that kind of sensitive information is not so smart :face_with_tongue: thanks in advance!!

6

hey there? if i share the store url you will be able to see it since its not live up and running? i believe that these photos explains much about my problem.. you can see the white frame of the images all around it which is not transparent..

1.png
1.png424×364 55.9 KB

2.png
2.png565×252 21.3 KB

7

so…For the no1 solution..i add the images but i dont know how to add the images with the url… dont know where to paste it exactly..

For the no2 solution im sure they are transparent yeah..they are kilobytes in size and a lot smaller in pixel..

For the no3 solution, the onlyproduct.liquid or card-product.liquid that shows me is “cart-notification-product.liquid”, “featured-product.liquid” and “main-product.liquid” all of those under the sections part and inside those there is no image tag like this you mentionted.. {{ product.featured_image | image_url: width: 800 }}… so i couldnt check this solution.. :disappointed_face:

8

Hi, it cannot be intervened or edited. You can contact the theme developer for better customization of the store.