Skip to main content
D
defaulty3wmwqmcilhp
Participant
March 19, 2021
Question

Photoshop 22.3.0 not saving PNG with transparent gradient

  • March 19, 2021
  • 2 replies
  • 2261 views

Hi all, hoping someone else has ran into this and solved it as Google is not proving fruitful.

In Photoshop, I'm trying to add a transparent gradient to the bottom edge of a graphic so that it "fades" into the background of a web page. I've tried using the gradient tool with a layer mask and even using rectangle marquee tool with the Select > Select and Mask > Feathering tool. The transparent gradient shows perfectly in photoshop, but when exporting or saving as PNG (with transparency selected) there is no transparency in the saved file, whether viewing in windows photo viewer or when uploaded to the website and viewed in chrome.

I've also tried Save for web (legacy)

Help? Please? Thank you!

edit:/ In Photoshop: https://i.imgur.com/U8GUryN.png
Saved file: https://i.imgur.com/FjGH9Kj.png

This topic has been closed for replies.

2 replies

Chuck Uebele
Community Expert
Chuck UebeleCommunity Expert
Community Expert
March 19, 2021

Yea, your png has is a background layer, which is never transparent. Maybe reset your preferences. I had no problem creating a png with transparency as you described.

JJMack
Community Expert
JJMackCommunity Expert
Community Expert
March 19, 2021

Post your psd. There nothing with transparency in either of the png file you posted. Upload your PSD and post  a link to it.  One of  your  png file has a raster image that look like  Photoshop rendering transparency using a gray checkerboard to indicate where there is transparency.

JJMack
Terms & ConditionsAccessibility statement
Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices