Welcome to WebmasterWorld Guest from 54.167.76.176

Forum Moderators: not2easy

Message Too Old, No Replies

JPG quality problem

     

IsItUPYet

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

5+ Year Member



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?

Tidal2

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

10+ Year Member



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.

penders

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

WebmasterWorld Senior Member penders is a WebmasterWorld Top Contributor of All Time 5+ Year Member Top Contributors Of The Month



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. (?)

IsItUPYet

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

5+ Year Member



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.

rocknbil

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

WebmasterWorld Senior Member rocknbil is a WebmasterWorld Top Contributor of All Time 10+ Year Member



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.

Bewenched

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

WebmasterWorld Senior Member 5+ Year Member



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.

Rupertb

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

5+ Year Member



Thanks,

Is it worth buying fireworks if I already have photoshop?

rocknbil

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

WebmasterWorld Senior Member rocknbil is a WebmasterWorld Top Contributor of All Time 10+ Year Member



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)

10+ Year Member



Try FTPing image using binary opposed to ASCII.
 

Featured Threads

Hot Threads This Week

Hot Threads This Month