Skip to main content
Participating Frequently
July 30, 2021
Question

Transparency issue when uploading PNG to website

  • July 30, 2021
  • 2 replies
  • 2227 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

July 30, 2021

I think I understood your reply in a correct way. Sorry if misunderstood your query.

Photoshop works with pixels and illustrator works with vector art. So, there will be a slight blur in the image.

 

Tip :

 

Search for any hided layer or unused layer or layer with effects you don't want and delete it. By exporting your PSD file, these unused layers may cause this problem.

After deletion, export your file, and try again.

 

Thank you

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.