www.webdeveloper.com
Results 1 to 9 of 9

Thread: Image appears blurry and text different

  1. #1
    Join Date
    Jul 2009
    Posts
    35

    Image appears blurry and text different

    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?

  2. #2
    Join Date
    May 2005
    Location
    Gold Coast (MS)
    Posts
    2,208
    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.

  3. #3
    Join Date
    May 2005
    Location
    Gold Coast (MS)
    Posts
    2,208
    Image res: 72 PPI

    Does this one look better? http://img17.imageshack.us/img17/2972/home1fe.jpg
    Color Depth: 8-bits/channel
    Last edited by Major Payne; 04-10-2013 at 02:38 PM.

  4. #4
    Join Date
    Aug 2006
    Posts
    1,902
    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

  5. #5
    Join Date
    May 2005
    Location
    Gold Coast (MS)
    Posts
    2,208
    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.

  6. #6
    Join Date
    Aug 2006
    Posts
    1,902
    Quote Originally Posted by Major Payne View Post
    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

  7. #7
    Join Date
    May 2005
    Location
    Gold Coast (MS)
    Posts
    2,208
    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/co...g/resizing.htm
    Resizing Pictures to Standard Print Sizes: http://www.zuberphotographics.com/co...g/resizing.htm
    How to Resize a Photo for Printing: http://www.ehow.com/how_4442570_resi...-printing.html

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

  8. #8
    Join Date
    Aug 2006
    Posts
    1,902
    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.co...e-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

  9. #9
    Join Date
    May 2005
    Location
    Gold Coast (MS)
    Posts
    2,208
    Never assume!

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles