Forum Moderators: not2easy
Has anyone else had a problem like this and how did you fix it?
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.
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.