Mobile app version of vmapp.org
Login or Join
Ravi4787994

: Problem with opacity after saving as PNG-8 or GIF from Photoshop I am a web developer and I have a problem with the opacity of a photo after saving as a PNG or GIF. I have an image with

@Ravi4787994

Posted in: #AdobePhotoshop #Gif #Png #Transparency

I am a web developer and I have a problem with the opacity of a photo after saving as a PNG or GIF. I have an image with a transparent background with a layer with less than 1% opacity. After saving it loses the opacity and shows a solid background.

Below is how my image appears before and after saving:



I want something like the upper image but the result is like the lower image.

10.01% popularity Vote Up Vote Down


Login to follow query

More posts by @Ravi4787994

1 Comments

Sorted by latest first Latest Oldest Best

 

@Turnbaugh909

GIF and PNG-8* don't support alpha transparency. Each pixel either needs to be completely transparent or opaque, no partial transparency—so your <1% opacity won't work.

You have a few options:


Use PNG-24, which supports full alpha transparency. If you need to you can then use a third party tool (such as CompressPNG or TinyPNG) to convert to PNG-8 and retain the alpha transparency.
Make the areas completely transparent. You can either modify your original artwork or map a color to transparency in the Save for Web dialog (as seen in this Q&A).
If you are using a recent version of Photoshop (CC) you can use the new export (File → Export → Export As), which (as far as I know, I don't actually have CC to check)does support full alpha transparency with PNG-8.


* This isn't a limitation in the PNG format but Photoshop's Save for Web feature.

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme