Salir
  • Comunidad global
    • Idioma:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
  • 한국 커뮤니티

Photoshop 22.3.0 not saving PNG with transparent gradient

Nuevo aquí ,
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

TEMAS
Windows
2.2K
Traducir
Informe
Directrices de la comunidad
Sé amable y respetuoso, muestra títulos de crédito de la fuente de contenido original y busca duplicados antes de publicar. Más información
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
Traducir
Informe
Directrices de la comunidad
Sé amable y respetuoso, muestra títulos de crédito de la fuente de contenido original y busca duplicados antes de publicar. Más información
community guidelines
Community Expert ,
Mar 19, 2021 Mar 19, 2021
MÁS RECIENTES

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.

Traducir
Informe
Directrices de la comunidad
Sé amable y respetuoso, muestra títulos de crédito de la fuente de contenido original y busca duplicados antes de publicar. Más información
community guidelines