Advice required to improve image quality.

Hello.

I design logos and banners on adobe illustrator. The sad thing is, although the image is clear when I design it and view it as an image on the computer, when I upload it on DP as entries, the image quality gets fuzzy. I am not able to figure out how this happens. It would be greatly helpful if you guys could provide me with a solution. I have tried increasing the quality to the max extent. All is fine till it is uploaded. But on the web, the image looks damn fuzzy.

Please help.

Thanks in advance,
Kuldeep

 

What file format are you exporting the logos as? You could try exporting as a .tiff, then save as .jpg or .png in Photoshop

 

i make them in illustrator and save them as png files from illustrator under the option 'save for web and devices'. Is that wrong?

 

May be you should check the saving options and take control on the number of color bits and the actual size saved.
Is there any transparency ?
Can you post some examples ?

Last, if the images is resized by browsers it can be heavily damaged: be sure that the image shown on web page is the same you've uploaded (e.g.: the <img> tag width and height must be the same of the actual image!)

 

Here is one.


You can see that the red color seems to be unclear and fuzzy. But, when I view on PC its clear.

 

The black artifacts you see come from JPG lossy compression with a low quality setting.

If you save as PNG (that's a lossless format) you should have preserved the original quality.
Otherwise, you may experiment with the quality setting of JPG save, it's a trade off between filesize and image quality.

There is another possibility: you saved the image and uploaded it correctly, but the server here recomprimes it to save space, with a quality setting that is not under your control.
May be it's better to host the image elsewhere, on other online services, and post here only links... for example you could post here a thumbnail that links to a dropbox stored image...

 

Thanks mate!! that is what mostly happened. Regarding the uploading, yes, that's what I am doing off late. Thanks a lot mate!

 

Visit : http://en.wikipedia.org/wiki/Wikipedia:How_to_improve_image_quality

 

decrease sharpness and increase resolution.

 

Have you tried to save it in png fromat? I had similar problems at first and this helped me much!

 

Open the image in photoshop and adjust its pixel dimensions. Then save the image in jpg format in web.