Image Optimisation

Posted on 2002-05-07
Medium Priority
Last Modified: 2010-04-07
One of our clients has asked us to try and reduce file sizes on some of their pages.
One area we are going to aim at doing this is by further reducing the size of the gifs/jpegs used on the site.
We work from PSD's which we cut up where necessary then optimise using the save for web functionality.
In an effort to get the best results we have done a few tests using Fireworks (1.0) and have noticed that it seems to produce better results than Photoshop.  For example a jpeg with quality set at 60 in Photoshop and 60 in Fireworks is dramatically smaller.
I was wondering if this is correct or if what Fireworks refers to as quality 60 Photoshop refers to as quality 40?
Put simply is Fireworks more efficient at image optimisation - it would be great if someone could provide hard evidence as for us to start using Fireworks for image optimisation would add to our development time.
Many Thanks in advance.
Question by:jonnyhough
  • 3
  • 2
LVL 30

Expert Comment

ID: 6994220
1) going by "quality" numbers between different programs doesnt mean a thing. They use different methods so the correlating numbers dont match.
2) Photoshop is probably better at image optimizing but you do need to play with the other options in the Save For Web dialog to get there. Number of colors, compression slider, progressive, etc etc.

Author Comment

ID: 6996505
Hi Weed,
Many thanks for the information.
Do you know if there exists any documentation to back up your points?
I want to be able to explain to my company why I don't think the extra time required to export to fireworks is a worthwhile investment.
Thanks again.
LVL 30

Accepted Solution

weed earned 400 total points
ID: 6996701
I doubt there are any "compare and contrast" articles on the compression schemes used in each program. Its just common knowlege and what I know from years of experience.

Why exactly does your company want to export to fireworks? They think its better at compressing? Pretty simple to test it. Take the same image and see how small you can get it in each while maintaining a specific level of image integrity. You do need to make sure that youre using each program to its fullest and taking advantage of all its features though.

Author Comment

ID: 6996728
we are basically using all the features i am aware of in photoshop (as you listed above) and i've always been happy with the results.  the problem i have is that from my naked eye i find it hard to compare the quality of photos and any comparison is fairly subjective.  my thinking on the subject is that when it comes down to it both programs have to use the same math/algorithms so i therefore find it hard to believe that one can perform better than the other.
thanks for the information
LVL 30

Expert Comment

ID: 6996743
They dont have to use the same methods. Theyre probably close but Adobe likes to play with that kind of stuff to squeeze just a little more out of it. Probably wont make any real difference for you in the long run.

Featured Post

Easily Design & Build Your Next Website

Squarespace’s all-in-one platform gives you everything you need to express yourself creatively online, whether it is with a domain, website, or online store. Get started with your free trial today, and when ready, take 10% off your first purchase with offer code 'EXPERTS'.

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

This article provides a case study on how our local youth baseball league deployed a new website, including the platform selection, implementation and benefits to the league.
Originally, this post was published on Monitis Blog, you can check it here . It goes without saying that technology has transformed society and the very nature of how we live, work, and communicate in ways that would’ve been incomprehensible 5 ye…
The purpose of this video is to demonstrate how to create a Printer Friendly PDF on a WordPress Page. This will be demonstrated using a Windows 8 PC. Tools Used are Photoshop, Awesome Screenshot” Google Chrome Extension, and SmallPDF.com Log…
The purpose of this video is to demonstrate how to add AdSense Ads to a WordPress Website, and how to set up WordPress to automatically place Ads in Sidebars. This will be demonstrated using a Windows 8 PC. Log into your AdSense account. : Cli…

589 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question