Transparent background does not stay transparent when exported as PNG

Explorer ,
Jan 09, 2021 Jan 09, 2021

Copy link to clipboard

Copied

The same happens to me, and it drives me mad! Without any logical reason the transparent export draws a white rectangel around my transparent objects!

 

Please note the added white rectangle around the transparent objects! This issue just happened as I updated to Photoshop 22.0.1. I experience the same problem even with files I exported correctly with previous versions. This issue just happens when I export from artboards, when I don't use artboards everything is fine and it only happens when I set the artboard background to transparent, i.e. when I choose a color for background transparent objects just work fine.

 

This problem has frustrated me so much I installed the previous photoshop version to be able to deliver my work!!

 

PLEASE HELP!

 

test 1.jpgtest 2.jpg

test-3.jpg

TOPICS
Problem or error

Views

2.0K

Likes

Translate

Translate

Report

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

correct answers 1 Correct Answer

Explorer , Jan 18, 2021 Jan 18, 2021

Likes

Translate

Translate
Adobe Community Professional ,
Jan 09, 2021 Jan 09, 2021

Copy link to clipboard

Copied

Go to the Properties panel (if it's not open, you can go to Window > Properties), and under Artboard background color, change the dropdown menu to Transparent. Then export.

Likes

Translate

Translate

Report

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
Explorer ,
Jan 09, 2021 Jan 09, 2021

Copy link to clipboard

Copied

Thank you Myra,

I did change the artboard background to transparent and it didn't work and this is my main problem, why doesn't it work?

 

You see, in the attached screenshots the artboard renders transparent and there are the transparent layers INSIDE it that do not render transparent. However the same layers render transparent OUTSIDE the artboards. I have been experiencing this problem since I updated to Photoshop 22.0.1

Likes

Translate

Translate

Report

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
New Here ,
Mar 14, 2021 Mar 14, 2021

Copy link to clipboard

Copied

thank you!

 

Likes

Translate

Translate

Report

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
Explorer ,
Jan 09, 2021 Jan 09, 2021

Copy link to clipboard

Copied

YES, I have set my Artboard background to Transparent, and as I indicated it's not all the artboard that goes opaque but just a opaque rectangle that renders under my transparent layer and the problem only occurs when artboards are used since I updated to Photoshop 22.0.1. I did not have any problem with same files n older versions. I have tested the files on a different computer which I had not updated and it rendered and exported as expected.

 

It is driving me nuts!

 

PS: I experienced this problem only when using transparent background and on colored backgrounds layer transparency worked as expected.

 

test-4-screenshots-1.jpgtest-4-screenshots-2.jpgtest-4-screenshots-3.jpgA Random Artboard (exported).png

Likes

Translate

Translate

Report

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 Professional ,
Jan 10, 2021 Jan 10, 2021

Copy link to clipboard

Copied

I tested it with 22.1.0 on Windows 10, and it worked. Because you're on 22.0.1, you might see if updating helps.

Likes

Translate

Translate

Report

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
Explorer ,
Jan 17, 2021 Jan 17, 2021

Copy link to clipboard

Copied

I updated as you suggested and I still experience the same problem.

 

As you see in the following example this is a simple transparent text layer, when I put transparent layers in artboards, I get a white background within the layer parameters.


It works as expected without artboard and in older versions.

 

I suspect it has something to do with my graphics card driver, however I tested it again with GPU turened off.
My device specs:

Photoshop: Version 22.1.0

OS: Windows 10 Home Edition - x64 - Version 20H2

CPU: Intel Core i7-4700HQ

RAM: 16GB

Display Adapters:

    - Intel HD Graphics 4600
    - NVIDIA GeForce GTX 850M

 

 

test-4-screenshot-04.jpg

Likes

Translate

Translate

Report

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 Beginner ,
Mar 26, 2021 Mar 26, 2021

Copy link to clipboard

Copied

I am having the same issue. I am on version 22.3. I cannot export or save anything with transparency. I went as far as even creating an alpha channel, with no success.

Likes

Translate

Translate

Report

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 Professional ,
Jan 17, 2021 Jan 17, 2021

Copy link to clipboard

Copied

You could try reporting it on https://feedback.photoshop.com/ which is where the Photoshop team looks for bugs and feature requests.

Likes

Translate

Translate

Report

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
Explorer ,
Jan 18, 2021 Jan 18, 2021

Copy link to clipboard

Copied

Sure. Thank you.

Likes

Translate

Translate

Report

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 Professional ,
Jan 18, 2021 Jan 18, 2021

Copy link to clipboard

Copied

As a work-around you could try using File > Export > Save for Web

Likes

Translate

Translate

Report

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
Explorer ,
Jan 18, 2021 Jan 18, 2021

Copy link to clipboard

Copied

Thank you for your answer.

However Save for web export the whole file not a single artboard.

Likes

Translate

Translate

Report

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 Professional ,
Jan 18, 2021 Jan 18, 2021

Copy link to clipboard

Copied

Sorry, I had overlooked that. 

Likes

Translate

Translate

Report

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
Explorer ,
Jan 18, 2021 Jan 18, 2021

Copy link to clipboard

Copied

I have reported this problem in https://feedback.photoshop.com/conversations/photoshop/transparent-background-does-not-stay-transpar...

I will update this post if any solution is found.

Likes

Translate

Translate

Report

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
New Here ,
Jan 29, 2021 Jan 29, 2021

Copy link to clipboard

Copied

I have the same problem.  When I save vector file as PNG or PDF there is a whtie background.  I have tranparent selected as well.

 

Likes

Translate

Translate

Report

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
New Here ,
Feb 12, 2021 Feb 12, 2021

Copy link to clipboard

Copied

Hello! I have the same issue; in the meantime the solution I've found is to use an online png transparency maker such as https://onlinepngtools.com/create-transparent-png Hope this helps in the meantime!

Likes

Translate

Translate

Report

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
New Here ,
Feb 15, 2021 Feb 15, 2021

Copy link to clipboard

Copied

I have the same problem. Last week is was working, now  not anymore. Just updated photoshop to Adobe Photoshop-versie: 22.2.0 20210202.r.183 2021/02/02

Likes

Translate

Translate

Report

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 Professional ,
Feb 15, 2021 Feb 15, 2021

Copy link to clipboard

Copied

Could you please post screenshots with the pertinent Panels (Toolbar, Layers, Channels, Options Bar, …) visible and one with the Save for Web-dialog? 

Likes

Translate

Translate

Report

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
New Here ,
Feb 15, 2021 Feb 15, 2021

Copy link to clipboard

Copied

Sorry, when it is nog transparant, it's just color. Use magic wand and contiguous off to select all the white and remove it. Then export will be transparant.

Likes

Translate

Translate

Report

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
New Here ,
Mar 02, 2021 Mar 02, 2021

Copy link to clipboard

Copied

I have the same exact problem. I have exported pngs this way forever, and there's never been an issue. I keep going back to Photoshop 2019. 2020 was buggy so I went back to 2019, and now 2021 isn't any better so I'm still using 2019. Rendering issues constantly which just won't work when you're working with deadlines.

Likes

Translate

Translate

Report

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
Explorer ,
Mar 31, 2021 Mar 31, 2021

Copy link to clipboard

Copied

i have a similar thing happening to me with PS transparency on a PNG. come out with a slight opaque background. despite all files and folders registering as no background....d361961e750e6e0fd078e06d0c600f6b.pngC4X aus.png

 

Likes

Translate

Translate

Report

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 Professional ,
Apr 01, 2021 Apr 01, 2021

Copy link to clipboard

Copied

Can you provide the original image? 

Likes

Translate

Translate

Report

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
Explorer ,
Apr 01, 2021 Apr 01, 2021

Copy link to clipboard

Copied

sureabcd2ea196d442f96f5f9d85dd10ce95.png

 

in PS i selected the blue colour range and deleted then saved as transp png

Likes

Translate

Translate

Report

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 Professional ,
Apr 01, 2021 Apr 01, 2021

Copy link to clipboard

Copied

Then you appear to have made a mistake in selecting or deleting. 

 

I recommend loading the Blue Channel as a Selection, inverting the Selection and ceating a black Colod Color Layer; then alt-clich the Layer Mask’s icon in the Layers Panel and apply a curve to make the background truly black. 

Screenshot 2021-04-01 at 09.58.15.pngScreenshot 2021-04-01 at 09.57.10.pngScreenshot 2021-04-01 at 09.57.24.png

Likes

Translate

Translate

Report

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
Explorer ,
Apr 01, 2021 Apr 01, 2021

Copy link to clipboard

Copied

I don't know why everyone tries to convince me that the problem occurs because of lack of the knowledge of using Photoshop!


Hello! This is a BUG report!


I personally gave up on expecting a meaningful response out of this thread and ended up installing the older WORKING version of Photoshop that WITH THE SAME STEPS (!) gives me expected transparent PNGs !!!

So at least be descent about it and stop giving nonsense solutions just because you cannot identify the real problem causing this issue for God's sake!

Likes

Translate

Translate

Report

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