homepage Welcome to WebmasterWorld Guest from
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member

Visit PubCon.com
Home / Forums Index / Code, Content, and Presentation / Site Graphics and Multimedia Design
Forum Library, Charter, Moderators: not2easy

Site Graphics and Multimedia Design Forum

JPG quality problem

 12:22 pm on Aug 1, 2006 (gmt 0)

I am having a few problems with some of the images on my site i got the image exactly as i wanted it in fireworks previewed the image to export as a jpg at 95 quality the preview looked fine but when i uploaded the image it goes all blured i have tried everything.

Has anyone else had a problem like this and how did you fix it?



 1:32 pm on Aug 1, 2006 (gmt 0)

One possibility is the html code has width and height defined larger than the actual picture size. So its expanding the picture and loses quality, if thats the case just remove the width and height definations.


 9:05 pm on Aug 3, 2006 (gmt 0)

You say you are uploading to your site, so this may not be it, but... some sites will process the image serverside after it's been uploaded - resize and recompress it - to save space etc. And this could mess it up. (?)


 1:56 pm on Aug 15, 2006 (gmt 0)

Thanks although it is still happening when i use save as it is ok when i image preview set the quality to 95 and export the image as a jpg.


 1:32 am on Aug 16, 2006 (gmt 0)

In Fireworks, open the image. If the Properties pane is not open already, from the main menu at the top of the screen select Window -> Properties to open the properties pane.

Tell us what the width and height says in the properties pane.

Now go to your web page, the actual html. What are the width and height attributes of the image on the page?

If you are using some sort of CMS or online program to build the pages and don't know where to find this, go to the web page in your browser and from the main menu at the top of the screen select View->Source. Look for the place where the image is:

<img src="yourimage.jpg" width="200" height="200">

This is what they are trying to tell you: if the image is 100 X 100 in Fireworks and 200 X 200 in the web page, it is STRETCHING the available resolution to fit which will produce a "blurry" image. The browser is interpolating the available resolution and stretching it to fit.

An uploading CMS that resizes images shouldn't be causing this UNLESS you are doing this on upload - uploading an image that is too small and asking the CMS to size it UP.


 4:36 am on Aug 16, 2006 (gmt 0)

Honestly you should toss fireworks. Adobe Photoshop has a much much better compression.

It has a function: File: Save for web that lets you see the image as you decide what quality to use. I generally set mine at Jpeg High quality of 67. Gets my 1 inch thumbnails down to 2k and 4 inch by 3 inch larger images down to between 12-22k depending on if I really need to see detail in the product.

It has saved us alot of money in bandwidth overage charges with our hosting company.


 10:19 am on Aug 19, 2006 (gmt 0)


Is it worth buying fireworks if I already have photoshop?


 8:13 pm on Aug 19, 2006 (gmt 0)

No. But there's nothing wrong with FireWorks except that anything it does automatically produces poor jpg output. If you manually export images you can set them to higher jpg quality. But the algorythms are still inferior to Photoshop's.

Dabu The Dragon

 5:46 pm on Aug 25, 2006 (gmt 0)

Try FTPing image using binary opposed to ASCII.

Global Options:
 top home search open messages active posts  

Home / Forums Index / Code, Content, and Presentation / Site Graphics and Multimedia Design
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved