Graphics: image quality hurting my site!

started by Fahmed on Apr 24, 2005 — RSS Feed

Fahmed Fahmed
Posts: 3

Hello

I recently started a clothing website at http://www.reetriwaj.com. I am unhappy with the image quality! The pictures of the mannequins at 20k are grainy, 50k enlargements are better on the site. But I see other sites with small memory pics lie that without quality compromise. See http://www.kanisha.com for example.
I'm using a 3.4 megapixel camera and the originals look fine. WHen I get to down to compression, the trouble begins. Im using JPG like my competitors. Im frustrated and afraid Im wasting time.

thank you
Fawad

David David
Posts: 40

At what point are you compressing to jpeg? It should be the very last thing you do to the image. Until then you should be working with a bitmap, tiff or other lossless format. If you're resizing a jpeg image and then resaving it then that's why the quality is as bad as it is. Resizing the image in the browser is also a bad idea (though you don't seem to be doing this). Or you may simply be compressing too much.

For some of those images, especially the ones with lots of block colours (like the green outfit in 96.jpg), I'd try using the png format for compression instead of jpeg and see how it compares.

Fahmed Fahmed
Posts: 3

Thank you very much for the reply.

I take the picture and it uploads well in 4-5mb jpegpicture. I make it a layer then remove the background carefully. I then resize from the original minus background to the two sizes I need.

My camera gives a jpg image, should I convert that to tiff or bmp by saving it as one of those as my initial step?

David David
Posts: 40

If you can't find a way to get the camera to take pictures as lossless data then yes you should convert the image to bmp/tif before doing anything further to it. When you're finally ready with the finished image, export it as a jpeg or png, depending on which is more suitable for the image.

Stan Stan
Posts: 44

I'll agree with David, but I think your images look bad mainly around the edges of the mannequins. It looks like you used the paint bucket to change the background color to the same color as your site's background color. This can be rough, because you end up with a one pixel border sticking to the edge of the mannequins.

I think you'd be better off if you retook the pictures with a background you can live with and leave it there. The only alternative is to enlarge the image and take care of the edges one pixel at a time with the pencil tool. I had to do that once and it's no picnic!

Fahmed Fahmed
Posts: 3

excellent advice !!!

I will take the pics again with a good backdrop.

Thank you very much

You must login to reply