

- #CS3 PHOTOSHOP ADD CHECKERS FOR PNG SOFTWARE#
- #CS3 PHOTOSHOP ADD CHECKERS FOR PNG PLUS#
- #CS3 PHOTOSHOP ADD CHECKERS FOR PNG SERIES#
It’s support of vector based editing plus the ability to easy fine tune an underlying grid to snap things to (typographical grid / baseline structures are incredibly easy to setup and accurate) and the greatly reduced footprint are highlights for me. It’s a brilliant tool for very rapidly prototyping UI designs / widgets for a range of applications. I started using Photoshop at around version 5 and really only started to take notice of Fireworks around CS3. Do the images look different? If so, the algorithm for optimisation is different… Now save the same image from Photoshop, specifying to optimise for the same file size. Why not try this : save to JPG with Fireworks. Above 50, the subsampling options change and you get a better result (with corresponding larger filesize).

Photoshop “save to web” has one option which I have really noticed makes a difference: quality=50 is vastly different to quality=51 when you save. Plugins or separate packages to do JPG/PNG/GIF optimisation exist that can outdo both Fireworks and Photoshop no doubt… but there are so many options in the “save to web” of both packages that you cannot be sure that one or the other of the packages makes a real difference. Fireworks likely has better image compression defaults since there are lots of parameters you can use in JPG and PNG optimisation in GIF too, the choice of the 256 colour palette can be optimised based on “perception” algorithms. I think that you’re probably not comparing the same thing. From now on, I’m going to use Fireworks to export my web graphics, particularly the template graphics. If you have Photoshop and Fireworks installed on your computer, try it yourself. Could you imagine how much bandwidth I can save if I compress all the graphics on the site with Fireworks? Most importantly, I can make my site load faster and that is a big deal! Yes, that is 320 megabytes per day! I’m only talking about the background image here. I get about 16,000 visits per day on average. If I export the background with Fireworks, I can reduce its file size by 20 kb. Lets use the background image on WebDesignerWall as an example. You’re probably thinking: what is the big deal? It is only a few kilobytes… Well, don’t under estimate the little difference in kilobytes, it can make a big difference on your bandwidth and load time. 80% compression rate in Fireworks is relevant to Photoshop 60% compression rate. Please note: Fireworks and Photoshop have different compression technology. Both exported images look pretty much the same, but Fireworks beats Photoshop by 8 kb in this case. Then I exported the same image with Fireworks to 80% quality JPG and the result is 72 kb. I exported the image with Photoshop to 60% quality JPG and the file size is 80 kb. Now, I’m going to try the JPG compression with a different image. I prefer the image exported with Fireworks because it has more image details. The results are: Fireworks = 88kb, Photoshop = 92kb. Next I exported the image to GIF 256 colors, adaptive, with no dither.

In term of file size, the image exported with Fireworks is about 20 kb less. Visually, they both look the same (at least to me). Then I used the same image and exported it to PNG-32 with Fireworks. I used Photoshop to export the image to PNG-24 with transparency and the resulting file size is about 352 kb.
#CS3 PHOTOSHOP ADD CHECKERS FOR PNG SERIES#
But I can prove it to you by showing a series of experiments I did.įor testing purpose, I used an un-compressed image with transparency.
#CS3 PHOTOSHOP ADD CHECKERS FOR PNG SOFTWARE#
But, did you know that Fireworks is way better than Photoshop in term of image compression? I’m not a software engineer, I can’t explain why Fireworks can compress better. Photoshop is alway my first choice for designing-from image editing to designing mock-ups. Surprisingly enough, based on the findings from my recent survey there are quite a bit of Fireworks users.
