Skip to main content
Participating Frequently
July 27, 2013
Question

Photoshop CC saves PNG files bigger than some PNG-specific tools

  • July 27, 2013
  • 7 replies
  • 37443 views

Hey,

as a web-developer i'm working with PNG files alot. Since the release of Photoshop CC i always need to go back to CS6 for saving what i did in CC. I thought maybe it's just an early bug which will be fixed soon but still nothing and annoying. Maybe i missed something and there is a benefit in this bigger files? So here is a short discription...

When saving a PNG file

( file > save as > PNG > Compression: Smallest/Slow and Interlaced: None )

the files saved in Photoshop CC are about 17kb bigger compared to the saving in Photoshop CS6

A former 0,3kb PNG file gets saved with 17kb in Photoshop CC.

I use the English Windows 64bit Version of Photoshop CS6 and CC.

A fix would be very appreciated.

Screenshot of both files:

Thanks,

Bye!

This topic has been closed for replies.

7 replies

Herbert2001
Inspiring
September 28, 2014

To be fair, there are a number of optimization techniques that will also work quite well in Photoshop:

http://www.smashingmagazine.com/2009/07/15/clever-png-optimization-techniques/

Btw, you do not need a plugin to convert transparency to a layer mask (the above article tells us to install a special plugin, but there is a "transparency to layer mask" option in the layer menu of Photoshop).

Having said that, CQ still does a better job. And is quicker and easier to use. And Photoshop's save for web function does not support full transparency for indexed png images - and that is the main concern here.

Participating Frequently
September 24, 2014

Well, there is plenty of good evidence and some examples in here of why Photoshop's handling and output of .PNG files is not as good as it ought to be for anyone who creating images for the web. All we can do is hit "like" at the top right of this page and hope that a page with a few likes gets noticed by the development team.

...Unless anyone here happens to know of a writer for a popular computer arts or web design publication? I imagine that the headline "How Adobe Could Make the Internet 4x Faster" would be pretty interesting reading for a lot of web designers! Not strictly true perhaps, but it piques interest and gets discussion going.

Herbert2001
Inspiring
September 23, 2014

Oops, sorry Noel, I though your were responding to my post. Did you compare my versions?

Noel Carboni
Legend
September 23, 2014

Yes, thanks.  It's clear that there are sophisticated ways to compress PNGs that Adobe doesn't presently use.  What I don't know, not being a graphics file format expert, is whether the 3rd party software is taking liberties with the standards.  Clearly Adobe is very standards-oriented.

But yes, I agree that Adobe should take a good look at the PNG compression algorithms again.  They did this not too many years ago and the PNG saves got a lot better, but clearly there's still room to improve.

-Noel

Herbert2001
Inspiring
September 23, 2014

The other tools take no liberties with the standards, I believe. The main difference is that Adobe's png web export does not support saving png images with full transparency and a limited indexed colour palette - that is the simple reason why Photoshop generates transparent png files that are on average four times bigger in file size.

Quality-wise Photoshop's transparent png web export also does not allow for any regional quality control either.

So, yes, lots of room to improve. Unfortunately, I have been rocking this boat for years and years now, and so far nothing has been done about it. Fireworks has had support for 8bit png export with full transparency since at least a decade. I still wonder why such a basic fundamental export option never made it into Photoshop's web export.

Perhaps one of the developers can let us in on their secret why they have been so reluctant?

Herbert2001
Inspiring
September 19, 2014

Here are my versions done in Color Quantizer:

logo_no_effect.png 7254 bytes 16 colours


logo_no_effect_8.png  6490 bytes 8 colours


logo_no_effect_6.png  5,851 bytes 6 colours

logo_effect_256.png  24,974 bytes 256 colours

logo_effects_128.png 19,274 bytes 128 colours

logo_effects_64.png  14,933 bytes 64 colours

The original effects version contains 4604 unique colours. The 128 colour version looks identical, and only by zooming in dramatically can any differences be discerned. Honestly, any of these versions look visually identical to the full colour originals - I placed all of these on a white canvas, and even when zoomed in I could hardly see any difference at all.

This, my friends, conclusively demonstrates how abysmal Photoshop's PNG export really is: the version with effects is equal in size or even smaller(!) when exported from CQ than the plain version exported in Photoshop.

Photoshop's versions are a minimum four times larger in file size, and in the worst case five times larger in file size.

In CQ the user can choose to limit the range of colours from 16, 32, 64, 128, 256, 512, 1024, 2048, and up to 4096 (or anything in between, and the user can set a lower value than 16 by manually typing the number). Also, a simple quality mask brush allows you to control which areas' quality should be given preference in the reduced colour set. In addition various dithering options and "expert" settings are available to further enhance the quality and reduce the file size.

PNG export in Photoshop is in dire need of a modernization - I would argue it is unusable for current web work. 'nuff said.

Participant
August 16, 2015

logo_effects_64.png  14,933 bytes 64 colours

Btw, newest version of CQ packs slightly better: this image -  11,815 bytes. - http://kherson.myftp.biz/temp/logo-cq2013-vs-cq2015.png

Color Quantizer

Herbert2001
Inspiring
August 16, 2015

Are you certain that is a legit site?

Herbert2001
Inspiring
July 27, 2013

Don't even bother with Photoshop and the png export for the web. What I do is save for web as a full 24 bit png with alpha, and then use Color Quantizer to properly optimize the png.

http://www.softpedia.com/get/Multimedia/Graphic/Graphic-Others/Color-quantizer.shtml

Try it, and create fully transparent png images at a much reduced bandwidth load.

For mac imagealpha is a good alternative (better than Fireworks), but it does not support colour palettes above 256 colours with full transparency, unfortunately.

name2941Author
Participating Frequently
July 28, 2013

@Herbert2001 thanks for your tips - looks like you heaven't been happy with the PNG performance of the "save for web" feature of former Photoshop versions too. Can you describe the the problems with the "save for web" feature a little more in detail because i just tried this in Photoshop CC and selected 24bit there and was surpriced that the result looked kind of ok. Maybe the PNG weakness of the "save for web" feature is a relict of the past inside our heads?

Chris Cox
Legend
July 28, 2013

I'm not sure what problems you're referring to - the PNG code hasn't changed all that much since Photoshop 5.5, and it's the same quality if you ask for the same settings.

It sounds like you just might have gotten confused about the available controls in Save For Web.

Chris Cox
Legend
July 27, 2013

"Save As" will save metadata in PNG (CS6 didn't write all the metadata it was supposed to).

SaveForWeb lets you control whether the metadata is added or not.

Inspiring
July 27, 2013

What are your results if you use Save for Web for the example png file?

name2941Author
Participating Frequently
July 28, 2013

Stopped using "save for web" for PNG files a long time ago because of quality and transparency issues. I used "file > save as" instead. Maybe it's time to give "save for web" a new chance? I just saved a 24bit PNG file with it and didn't find anything wrong with the result. Also tried the Metadata controls resulting in even smaler file sizes compared to "save as" in Photoshop CS6... Do you think "save for web" in Photoshop CC and 24-bit results in (visibly) less image quality compared to the Photoshop CS6 "save as" dialog? And are there any know issues with transparency?

Noel Carboni
Legend
August 13, 2014

idothings2941 wrote:

Maybe it's time to give "save for web" a new chance?

I would, yes.

-Noel