Saturday, February 27, 2010

How do i make my images clear and crisp while creating my website?

my logo and images appear fuzzy and blur when i upload it. What am i doing wrong? I design it in illustrator first, import it to photoshop, cut it up and upload.How do i make my images clear and crisp while creating my website?
Every time you move an image from one program to another using a different file format you will loose detail Try to use very high resolutions such as 300-600 dpi until the very last moment. When in Photoshop, resize your image to the size you want and make it 72 DPI (This is the Internet standard.) before you save the image, Use Sharpen in the Effects menu to give it more ';sharpness';. Experiment with the Sharpness settings because too much can really screw up a good photo. You will be amazed at the difference. Then save your images in a format that suits them: Photos should be JPG's and solid colour images like comic book illustrations should be GIF's. JPG's are usually smaller than GIF's because they are compressed. Keep the compression to 75% (or 25 percent smaller than the original. Practice with different photos until you get it right. Once you do get it right, you'll probably thank me!





P.S. Always start with larger images and reduce them to the right size at the last minute. Never enlarge an image unless you have no other choice.How do i make my images clear and crisp while creating my website?
Bring it into Photoshop at high resolution, not 72ppi. Photoshop will do the rest with the ';Save for Web'; feature.





Once you have made your slices, in the Save for Web screen, notice that you can set the file format (jpg or gif) and the image quality (or number of colors for gif) for each slice individually. For example, you can set some slices higher to increase clarity, and other slices lower where focus is less crucial.





Most logos work better as gif. Most photos work better as jpg.





Make sure you select the right format for each slice, and - using the Save for Web interface - get the best file size to resolution balance you can before you save the slices.





Here's one tutorial. There are thousands more thru google:


http://www.devarticles.com/c/a/Photoshop鈥?/a>
select ';save a copy for email or web'; this should save it in a format that will upload nicely.
I suppose it depends on the quality you choose on photoshop. Personally I save it as a Jpeg File and put the file size to maximum. Also, keep the image quality as 10.





By the way which Photoshop do you use?
Also make sure, the images do not get streched when uploaded. If their actual size changes the quality reduces too.

No comments:

Post a Comment