Image appears blurry and text different

This site is best viewed in a modern browser with JavaScript enabled.

Image appears blurry and text different

delboy1875

This image text and shade of blue appears poorer than the rest and the color not crisp and sharp. I have reinstalled photoshop with a different version, reset the settings and made sure it is exported with a high quality after being converted to RGB but to no avail. The website is http://www.cherrietestingwebsite.org/ and its the first image with blue box in the right. Does not look anywhere near as sharp as the headers, i do not have a clue what more i can do to fix it?

Major_Payne

I take it you mean this image since it is a slideshow at top. Did not see "blue box in the right": http://www.cherrietestingwebsite.org/themes/home1.jpg. Actually, all the images do not look good. Not sharp/clear as I would expect. Was going to check res by downloading the image and looking at it with Corel Photoshop Pro X5. May do it later when I have time unless you find solution first.

Major_Payne

Image res: 72 PPI

Does this one look better? http://img17.imageshack.us/img17/2972/home1fe.jpg
Color Depth: 8-bits/channel

tracknut

The issue is that the image is being scaled up in the browser. It's always best to generate a full-size image, at whatever size you expect to display it, rather than scaling it (especially up) in the browser.

Dave

Major_Payne

I checked the image I made in my browser at normal size and it doesn't scale up. Text and overall colors are better even at 72 PPI.

tracknut

Major Payne;1260509 wrote:
I checked the image I made in my browser at normal size and it doesn't scale up. Text and overall colors are better even at 72 PPI.

I'm not following you. The jpeg file on his site is 618x246. He's forcing it to 962x383 in the <img> tag, making it larger, and hence blurry.

72ppi, or any other random ppi, is not an attribute of the file that is used on the web. That's a printing attribute, and hardly used there either.

Dave

Major_Payne

Well, didn't check the fact he's enlarging a low res image too far, but I enlarged mine to same size. With additional editing, the image looks pretty close to same. All academic now as the slideshow images look different and much, much better.

I understand PPI, but the web "standard" recommends at least a 72 for display in browsers. FYI:

Image Resizing for Printing:

What Print Shops Really Want: http://www.rideau-info.com/photos/printshop.html
Image Size vs. Print Quality: http://www.vipphotolab.com/img_size.htm
Cropping and Resizing An Image For Final Output: http://www.zuberphotographics.com/content/printing/resizing.htm
Resizing Pictures to Standard Print Sizes: http://www.zuberphotographics.com/content/printing/resizing.htm
How to Resize a Photo for Printing: http://www.ehow.com/how_4442570_resize-photo-printing.html

Resizing Images for Printing in Photoshop: http://www.scrapjazz.com/topics/Computer_Center/Printing/916.php
How-to Resize an Image For Printing - Adobe Photoshop Beginner Tutorial [Video] : http://www.youtube.com/watch?v=biH-FSeu3RM

tracknut

The web "standard" is that you can assume many displays have about 72 pixels per linear inch. It has nothing to do with the PPI setting in a jpeg file, which as all your links show, is a printing issue.

Dispelling the 72dpi Myth - http://www.andrewdaceyphotography.com/tech-tuesdays/dispelling-the-72-dpi-myth/
Effect of PPI vs DPI Setting on Image Size - http://users.wfu.edu/matthews/misc/ppi/ppi.html
Pixels per Inch is Just a Tag - http://bjango.com/articles/ppiisatag/

Dave

Major_Payne

Never [FONT=Arial Black]assume[/FONT]!