It constantly amazes me how many times I encounter pages where screenshots are inappropriately stored as JPEGs. Not to single Mike Gunderloy out, but there's yet another example in his recent article on configuring an ASP.NET 2.0 website:
Another problem with screen shots is ClearType. It can look messed up on a compressed image. And of course you see the rainbow colours when you zoom in or print.
Jeff, you should use appropriate tools to create them. Either use a good imaging software such as Photoshop CS or CS2 (Photoshop 7 had real troubles dealing with PNG files) and Export for Web, or use a recompresser such as PNG Optimizer merely dropping your Vista PNG screenshot in PNGO yielded a 20% smaller file (491k for no quality loss).
And don’t forget to play with the bitplanes (switch to 8bits PNG), that doesn’t work with the Vista screenshot (too many tones), but it’s extremely common to see extremely large PNG/24 images that could be 60% smaller with virtually no quality loss if they were to be switched to PNG/8.
At large organizations there is also a tendency to send multi-meg status mails or due to exactly this type of bad choice on image format for embedded graphs and screen shots.
On the other hand unless the tools recognize you have the problem and then solve it are easier to use it will remain. I don’t expect everyone to to hand pick their compression formats and play with each knob and dial.
merely dropping your Vista PNG screenshot in PNGO yielded a 20% smaller file (491k for no quality loss).
So what is the smallest we can get the 1024x768 vista screenshot without visible loss of detail in the black-on-white text? It doesn’t have to be lossless PNG, either.
On the other hand unless the tools recognize you have the problem and then solve it are easier to use it will remain.
Outlook 2003, for example, treats every image you drop in as a JPEG (looks like about 15% JPEG to me). This works, but it leads to some very ugly screenshots as demonstrated by the first picture in this post.
I wish it could “decide” to use GIF/PNG or JPEG based on an analysis of the image rather than blindly defaulting to 15% JPEG every time.
You don’t need a special tool to get the Vista PNG smaller - Irfanview gives 491k when you save with level 9 compression.
What happens if you try doing a similar Vista screenshot with a plain (single colour) desktop? I’m guessing the ‘photographic’ desktop background is the culprit here, not the widgets/controls/whatever you call them.
Does anyone care about the legal issues of using GIF anymore? Not that anyone ever really did but I knew enough people that were aware of the patent that they didn’t want to chance using the format.
Well, if you want to convert it to a 256 color dithered image, I can get it to down to 134k. It looks TERRIBLE this way though, even with a fancy random dither. 256 is a woefully inadequate number of colors to capture a vista screenshot…