Why does my PNG image have an unwanted border on my online store?

Store Design
1

On my shopify store my PNG images has a small border which they should’nt have:

MS7_2-1662534799305.png
MS7_2-1662534799305.png868×777 128 KB

This is the image (but I have the same problems with other PNG images)

MS7_3-1662534869483.png
MS7_3-1662534869483.png489×504 44.8 KB

  • Could it be because of the dimension?
  • Or could it be that there is something wrong with the program i used “canva”?

But I also wanted to prepare an A/B-Testing with google optimize and here it is the same with the PNG images.

This images shouldn’t have a border. This images get loaded from shopify and these were also created with canva. But I don’t no where the real problem is. If it’s canva or shopify or something else

MS7_4-1662535039000.png
MS7_4-1662535039000.png146×315 8.02 KB

Image of Google Optimize

MS7_6-1662535213823.png
MS7_6-1662535213823.png747×464 36.6 KB

Image from canva

So It seams to be an very unusual problem, but hopefully someone has an idea

2

Hi,

Please share your store URL and if your store is password protected then also provide password too.

Thank you.

3

https://unwynd.at/pages/unsere-mission

4

Ok I think I have found the reason the border get displayed.

I added in google optimize to css:

img {
border : 0px;
}

So It was just a style.