Exit
  • Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
  • 한국 커뮤니티
0

Photoshop 22.3.0 not saving PNG with transparent gradient

New Here ,
Mar 19, 2021 Mar 19, 2021

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

TOPICS
Windows
2.2K
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe
Community Expert ,
Mar 19, 2021 Mar 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
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Mar 19, 2021 Mar 19, 2021
LATEST

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.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines