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

P: Export as 8-bit PNG issue

Explorer ,
Feb 23, 2022 Feb 23, 2022

Copy link to clipboard

Copied

When using the export as dialog the 8-bit (smaller file) is no longer functioning first screen shot is the Export as dialog in PS 23.1.1 Second is same file and same dialog in 23.2.0PS231.pngPS232.png

Bug Unresolved
TOPICS
macOS , Windows

Views

6.3K

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
81 Comments
Adobe Employee ,
Mar 07, 2022 Mar 07, 2022

Copy link to clipboard

Copied

@Jeff Arola That may be. Unfortunately, I'm not a Fireworks expert, but I'll see what I can find on that subject. I'll also look into pngquant. Maybe this is something we can add in the future. But, as is pointed out at your link, this is not something Photoshop has ever done (whether Save for Web, old Export As, new Export As, or any other means).

Votes

Translate

Translate

Report

Report
Explorer ,
Mar 08, 2022 Mar 08, 2022

Copy link to clipboard

Copied

@BrettN Thank you for all of your explaination here! I absolutely agree that the name of the option is confusing, especially when it has been working differently than intended for such a long time and has now changed, without people knowing there was anything wrong in the first place. The option saying "Indexed Color" rather than "8-bit" would probably help, as it's more clear to someone with not as much knowledge that indexed color doesn't support the semi-transparent pixels, or at least that's something that I was aware of. 
This is where I was looking that got me confused about the 8 bit depth supporting alpha transparency, for the record:
https://www.w3.org/TR/PNG/#11IHDR


I did try out the "Generator" option, even though it's a bug that may also be patched out, but unfortunately this will not work for me as it cuts out all blank transparent space in the canvas around the layer, if I have a 40x100 image centered on a 40x200 canvas, it will still export as 40x100. This option also created the same size of images as the Legacy Export As option did, so I will just keep Legacy on for now and hope you never remove the option! 

(About Photoshop never supporting exporting smaller file PNGs with semi-transparency; that's rather inaccurate considering it has been doing so up until this bug was fixed. 😛 It just never has on purpose, which seems to be a big oversight considering how vital smaller files with semi-transparency are for people working with web design. For me the "Smaller File" part of the option is much more important than the "8-Bit" part of the option, because in my case, I don't need to care how the files are being generated in a way that's smaller, as long as they look fine. I'm sure many people, including the person who started this thread, are in the same boat. Even though the option was not working as intended, it still was producing a valuable outcome by reducing the file size dramatically for semi-transparent images, important for the people using it for the combination of alpha transparency + small file sizes, which is now unattainable without the Legacy settings enabled. I feel like it should be considered to be added as an actual option for this reason.)

Votes

Translate

Translate

Report

Report
Mentor ,
Mar 08, 2022 Mar 08, 2022

Copy link to clipboard

Copied

@BrettN While PNG doesn't directly support indexed images with an alpha channel, the format DOES allow for adding additional colours to the colour table with alpha values in those colours. 

http://www.libpng.org/pub/png/spec/1.2/PNG-Chunks.html#C.tRNS

paragraph 3

 

Images written as 1,2,4, or 8 bit indexed with full transparency still read as indexed by supporting software, such as browsers. Or Fireworks. Or optimization tools such as Color Quantizer.

 

In short, there is no reason not to include this option, because it does result in smaller file sizes, in my opinion. And browsers have no issues with it either. It should be possible in Photoshop to save indexed PNG files with this full transparency option. I mean, Fireworks and other web image optimization tools have supported this for over two decades now.

Votes

Translate

Translate

Report

Report
Adobe Employee ,
Mar 09, 2022 Mar 09, 2022

Copy link to clipboard

Copied

Thanks for the additional reading material. What I'm seeing indicates that the PNG spec essentially allows the file to contain two color tables for index files. One is the standard color definitions (PLTE chunk) and the second for alpha (tRNS chunk) (though it seems to be neither a true palette nor a channel). And while Fireworks did have support for this, Photoshop does not. I'll have to do some internal research to see if this is a limitation of our PNG integration (through the APIs we work with) or if it was simply never implemented (probably due to the support that Fireworks had since it specialized in this type of work). 

Votes

Translate

Translate

Report

Report
Community Beginner ,
Mar 21, 2022 Mar 21, 2022

Copy link to clipboard

Copied

8-bit PNGs no longer are given alpha transparency when outputting through the Export As dialogue, causing nasty aliasing.

 

I've confirmed this new undesired behavoir on two different Win10 machines, both running Photoshop 23.2.2 with Export As v5.6.3. Rolling back to Photoshop 23.1 with Export As v5.5.12 "resolves" the issue. Folks on the Reddit r/photoshop community also confirm.

 

To reproduce, launch the Export As v5.6.3 dialogue on an image with trasparency (e.g. anti-aliased edges or a drop shadow). Select PNG in the Format dropdown, and tick the "Smaller File (8-bit) box underneath. Watch the nasty unpremultipled aliasing occur.

 

Please see the attached comparison screenshot.

Votes

Translate

Translate

Report

Report
Community Beginner ,
Mar 22, 2022 Mar 22, 2022

Copy link to clipboard

Copied

Hello,

I've been struggling with Photoshop's "export as" function. Exporting a PNG 8 bit (from a 16 bit PS file) with "export as" function in Photoshop gives much worse result than exporting with Bridge. There's banding and the quality is pretty much not acceptable.

 

The PNG from Photoshop is 4,75MB while from Bridge it's 13,3MB, however there's no quality preset in "export as" so I'm assuming it should output the best quality possible.

 

Also, it gets even worse if I'm trying to set a scale in the "export as" menu to e.x. 25% (giving the image a 832x1029px dimension). It looks really bad - jagged edges, grain, banding.

 

The results in PNG and in JPG for "export as" are comparably ugly.

 

What's happening? I've been struggling with it for a while on both of my 2 computers and with 5 different screens. This "export as" function would be really useful but at the moment it's not usable at all for me. "Save for web" gives better results but it's sluggish and is less functional for me. Anyway, Photoshop suggests to use "export as" function so it should work at least as good.

Votes

Translate

Translate

Report

Report
Community Beginner ,
Mar 25, 2022 Mar 25, 2022

Copy link to clipboard

Copied

I've read the entire discussion and I'm in the same boat...much prefer the previous "unsupported" way it was working giving me the transparancy with the smaller file size.  I'm corssing my fingers your research leads to a restoration of the old behaviour...especially since in 23.2.2 there is no "Use Legacy Export As..." checkbox.  😞

Votes

Translate

Translate

Report

Report
Community Beginner ,
Mar 25, 2022 Mar 25, 2022

Copy link to clipboard

Copied

@Jay Riether 100% agree. It seems a bizarre rationale to change the behavior of the that export module to be less useful because it was never intended to be that useful. Like, if the thing the Photoshop team is concerned about is that the feature is called "Smaller File (8-bit)" but asserts that 8-bit PNG doesn't support alpha values (which @rayek.elfin challenges fairly convincingly), then just don't call the feature "8-bit".

 

By the way, @Jay Riether, the "Use Legacy 'Export As'" checkbox is in Preferences > Export > Options in Ps 23.2.2.

 

I'll also note that Illustrator's "PNG 8" output module in its "Export for Screens" dialogue outputs indexed PNG with alpha values in the desired "legacy" way. I hope this doesn't prompt the team to switch the way that works as well.

 

Finally, as has been mentioned, Fireworks has/had allowed for alpha values in its "PNG 8" output module for decades. This was the tool I used to create these smaller indexed PNGs with alpha up until Photoshop introuduced the Export As dialogue. And in my recent tests, it seems that Photoshop's Legacy "Export As" outperforms Firefox in both appearance and file size, so it would be a real shame if that useful feature was removed.Fireworks-Color-Table.jpg

Votes

Translate

Translate

Report

Report
Community Beginner ,
Mar 26, 2022 Mar 26, 2022

Copy link to clipboard

Copied

@ethan.starkweather if you can find the "Use legacy Export As.." option in MY Preferences > Export dialog box in Photoshop 23.2.2, you get a gold star!

Screen Shot 2022-03-26 at 7.57.23 AM.png

Votes

Translate

Translate

Report

Report
Community Beginner ,
Mar 26, 2022 Mar 26, 2022

Copy link to clipboard

Copied

@ethan.starkweather I apologize...a little quick sleuthing and I discovered that the legacy Export As... option is NOT available to Photoshop running in native M1 mode on the latest Macs.  Once I dumb it down to run in the emulated Rosetta mode, that option appears.  So it's a kinda double-whammy for us M1'ers if we need to get that fuctionality back.  But at least there's a way.

I also have to say I completely agree with your comment about removing something useful.  This is clearly useful to a number of people.  Even if Adobe feels this was a bug they needed to fix, please, please, please formalize the old functionality in a way that preserves it for those "in the know" that have been relying on this "bug" for all these years.  Gimme the Legacy option natively on an M1 Mac!

Votes

Translate

Translate

Report

Report
Community Beginner ,
Mar 26, 2022 Mar 26, 2022

Copy link to clipboard

Copied

@Jay Riether, no worries.

At least you get a cool M1 Mac out of the deal. 🙂

 

By the way, in case that Rosetta workflow is a hassle, I've also had success with some of the browser-based PNG compression tools like tinypng.com. I just tested it, and its results on my test graphic are comparable to Photoshop's Legacy "Export As".

Votes

Translate

Translate

Report

Report
New Here ,
Mar 29, 2022 Mar 29, 2022

Copy link to clipboard

Copied

Hi,

in the latest version of Photoshop, it doesn't export 8-bit PNG transparencies good (reduced file for web). It is rasterized, similar to a GIF. This error did not happen before. 

 

PNG-sizereduced.pngPNG.png

Votes

Translate

Translate

Report

Report
Community Expert ,
Mar 29, 2022 Mar 29, 2022

Copy link to clipboard

Copied

quick export as PNG file will keep the res. for the file as is

if export 300 ppi file as PNG will be same.. 8-bit PNG with 300 ppi!

 

try another way, export as...

Screen Shot 2022-03-29 at 1.02.03 PM.png

Votes

Translate

Translate

Report

Report
LEGEND ,
Mar 29, 2022 Mar 29, 2022

Copy link to clipboard

Copied

An 8-bit PNG must have its colours reduced exactly like a GIF. This is not rasterised. But both of your graphics are 32-bit (24-bit plus alpha, neither one is 8-bit). Is it a resave of a screen shot? If so please share the two original graphics. Adobe fixed a serious bug recently I hear, which may seem to cause this issue but does not (surprisingly).

Votes

Translate

Translate

Report

Report
New Here ,
Mar 30, 2022 Mar 30, 2022

Copy link to clipboard

Copied

For a long time, I always export PNGs in this way (image), and with "smaller file 8-bit" activated. This option, reduce PNG weight while retaining very good image quality and transparencies.

But since a week ago, when I do this export, it does it wrong. It rasterizes me as in the captures that I attached. Something has been touched in the export, because before it did not happen.

 

Captura de pantalla 2022-03-30 a las 8.59.12.png

Votes

Translate

Translate

Report

Report
New Here ,
Mar 30, 2022 Mar 30, 2022

Copy link to clipboard

Copied

Meanwhile, I'm using tools like https://compresspng.com/en/ ... but it slows down my work a lot, of course.

Votes

Translate

Translate

Report

Report
Community Beginner ,
Mar 30, 2022 Mar 30, 2022

Copy link to clipboard

Copied

Alas, @ethan.starkweather , if I'm spending the money on an Adobe subscription and then Adobe forces me out for a critical step to some outside process that I COULD do with Adobe in the past...I start to question if Adobe really has their users' needs at heart.

Votes

Translate

Translate

Report

Report
Community Beginner ,
Apr 01, 2022 Apr 01, 2022

Copy link to clipboard

Copied

Hi BrettN

 

- - "In my case dithered egdes were exporting with shart endes." Sorry, meant to say that dithered edges (shades on objects) were exported with sharp edges... - -

 

23.1. works fine on both computers that I have, an older Windows machine and an M1 Mac.

 

The 23.2.2. exports .png files that have shadows with transparent background in 8-bit reduced mode with a sharp edge and no signs of shadows are present (object >> effects >> drop shadows), hope I make more sence here now 🙂

 

I noticed that 23.1. files a a bit bigger in comparison to 23.2.2., meaning that something is up with the export process that possibly does not include shadows or effects in general? Could that be a problem?

 

Screenshots; I do not want to install a newer version on my Windows machine and do not want to install 23.2.2. back onto my M1 Mac to make all the necessary screenshots, I have no time for that, sorry... 😞

 

P.S. irrelevant to the issue but very relevant in general. About 3 years ago I purchased a €3200 computer to work with Adobe Suite. It worked fine in the beginning but after a year of constant updates applications refused to work with the video card in my computer. First was Premier, then Illustrator, everything else started to lag dramatically. If there was a fixed version installed like Adobe Suite 6, 7, 8... for example, I would still have used my older computer untill now. I had to get a new computer just to continue working. I am now reluctant to update at all. It seems to me that Adobe bumps up specks for hardware with every single update there is and maybe something will stop working in a new update.

 

I am also seriously considering switching to Affinity even at the cost of stress associated to the learning curve and the time it would take. Considering that I was using Adobe since the highschool this is a big step.

 

Do not consider this to be a hate message, I am neither happy nor angry, just sharing my experience with someone from the team, maybe I can make a difference this way. I tried leaving some inquiries elsewhere but havent gotten a reply.

 

Best,
Alex

Votes

Translate

Translate

Report

Report
Community Beginner ,
Apr 02, 2022 Apr 02, 2022

Copy link to clipboard

Copied

@defaultkac7l92ac9ov This issue has essentially been solved for the moment, but is not entirely case closed.  In order to get the old behaviour back on the Windows machine go to Preferences > Export and check the checkbox "Use Legacy Export As".  Everything returns to normal.

 

On your M1 Mac, you need to make sure Photoshop is running in emulated mode before you can see the "Use Legacy Export As" option in preferences.  To do so, locate the Photoshop Application in your application folder, select it, and go to File > Get Info.  In the Get Info window, mark the checkbox "Open Using Rosetta" and close the Get Info window.  You may need to restart Photoshop if its already running.  Then you should see the option in Preferences > Export  to use the legacy save as option.

 

FWIW, Adobe switched the default Save As option at some point too and  I was frustrated at having to always flatten my photoshop files before saving a JPEG.  Alas, Preferences > File Handling > Enable Legacy Save As came to the rescue and now everything is back to normal.

 

Now we just have to hope Adobe adds the Legacy Export As function to the M1 native version so we don't have to run in emulated mode.

Votes

Translate

Translate

Report

Report
Community Beginner ,
Apr 12, 2022 Apr 12, 2022

Copy link to clipboard

Copied

I have confirmed that the MacOS 23.3 update does not address this issue.  And the M1 native mode still needs to be dumbed down to using Rosetta emulation to gain access to the Legacy Export mode.

Votes

Translate

Translate

Report

Report
New Here ,
Apr 28, 2022 Apr 28, 2022

Copy link to clipboard

Copied

I've been using Photoshop to place product images on specific dimensions for a website and only now I've encountered the photos becoming grainy when saved as PNG (both through Smaller File (8-bit) and PNG-8 for web).

Below are screenshots for example:

Screen Shot 2022-04-29 at 2.47.27 AM.pngScreen Shot 2022-04-29 at 2.47.36 AM.png

Screen Shot 2022-04-29 at 2.55.23 AM.png

I have a required dimesion and resolution that I follow.

I've edited a couple product images already before and I've never encountered this problem til now.

Would anyone know the best solution for this? Would be a great help. Thanks.

 

I'm using the latest version of Photoshop (2022).

Votes

Translate

Translate

Report

Report
Community Expert ,
Apr 28, 2022 Apr 28, 2022

Copy link to clipboard

Copied

You're viewing at 300%. Of course it will look pixelated - you're seeing the pixels that make up the image.

Votes

Translate

Translate

Report

Report
Community Expert ,
Apr 28, 2022 Apr 28, 2022

Copy link to clipboard

Copied

The 8-bit image looks worse  because it has a limited color palette – only 256 colors.

24-bit has 16.7 million colors.   Correction: That should be 65,000 colors, or thereabouts.

But you'll get much smaller files using jpg, which is designed for photographic images.

The PNG format is designed for solid color web graphics, and will usually create larger files than jpg when used for photographic images

Votes

Translate

Translate

Report

Report
New Here ,
Apr 28, 2022 Apr 28, 2022

Copy link to clipboard

Copied

Thank you for the comment, although you didn't examine the photo. I posted a screenshot of the image zoomed to show the exact details of how the entire photo looks even zoomed out when it's saved smaller. The gradient edges even look darker after it's saved.

Votes

Translate

Translate

Report

Report
New Here ,
Apr 28, 2022 Apr 28, 2022

Copy link to clipboard

Copied

Thanks, but the problem is I need the photos placed in 1300x1300px transparent document with a max file size of 300kb for web. I have been doing this before and never got the photos grainy until now.

Votes

Translate

Translate

Report

Report