Skip to main content
Participating Frequently
July 30, 2021
Question

Transparency issue when uploading PNG to website

  • July 30, 2021
  • 2 replies
  • 2213 views

Hello,

When uploading a PNG with transparent background to my webiste I am having a problem. The whole transparent area seems a little darker and not fully transparent, so the pictures edges are slightly visible

 

Has anyone had the same problem  before and could help me?

 

Thank you!

Wanda

This topic has been closed for replies.

2 replies

July 30, 2021

Here is the solution for this Sir/Mam.

Neither uploading as a raw file, you may try this.

Go to File > Export > Export as > and select PNG in the format menu with transparency selected.

By this, your image will be exported without background.

Participating Frequently
July 30, 2021

Hi thank you for your reply. 

I have done this when creating the PNG and the background is transaprent when using it in other Adobe programs like Illustrator. But when I upload it there is this slight shadow as seen on the image attached to my question

Derek Cross
Community Expert
Community Expert
July 30, 2021

Thank you for your reply!

I checked my PSD file and merged all layers (attached you can see s screenshot) and exported again as PNG and the problem remains the same. It only occurs when I upload to my website and I also looked at the webiste on different browsers and it is always there

Do you have any other tips? 


In Photoshop create an additional white layer and put it under you image in Layers, to see if the issue appears. If it does, make further changes to the image in Photoshop the re-export it without the white layer.

Derek Cross
Community Expert
Community Expert
July 30, 2021

Assuming you have an Image with transparency in Photoshop, try: Export > Export As, select PNG from the Format drop-down menu and tick Transparency.

 

Participating Frequently
July 30, 2021

Thank you fir your reply!

I have done this when creating the PNG, only when uploading to my website I can see the edges against the websites background. 

Derek Cross
Community Expert
Community Expert
July 30, 2021

It sounds as if you haven't done a very good cut out in Photoshop.