WordPress.org

Ready to get started?Download WordPress

Forums

Images look blurry (6 posts)

  1. robstokes
    Member
    Posted 1 year ago #

    I'm having trouble with the images on my blog. They all look blurry.
    I've gone through a few steps before asking for help, including:

    1. Changing the image compression quality to '100' in the functions.php
    2. Resizing images on computer to exactly the right size

    See the 1st image on this page, it's not very sharp:
    http://www.robstokesphotography.co.uk/wedding-photography/

    Interestingly, if you view the image in the upload folder is looks fine and perfectly sharp.
    http://www.robstokesphotography.co.uk/wp-content/uploads/2012/09/02.jpg

    the HTML for the image in the blog is:
    <img src="http://www.robstokesphotography.co.uk/wp-content/uploads/2012/09/02.jpg"/>

    So, if it's not resizing it or doing anything in HTML, why does it look so different?
    Anyone have any ideas?

  2. Pioneer Valley Web Design
    Member
    Posted 1 year ago #

    Yes, local browser caching....clear your browser cache and if using a server cache method, also clear that. Also, if using a CDN review how to ensure file edits are also updated at CDN.

  3. robstokes
    Member
    Posted 1 year ago #

    Sorry, you lost me there a little...
    I've cleared the browsers cache (also tried a different browser)
    I'm not using any caching plugins. And i'm not sure if there's anything happening on the server, I'm using 123-reg.co.uk as my hosting provider. Can't find anything about caching in their support.

    I'm not sure how that would help though? These images are the original images - they've not been replaced at any point - so there shouldn't be a cache of an older image?

  4. Pioneer Valley Web Design
    Member
    Posted 1 year ago #

    Review your CSS for opacity for the container that the images are in - I believe the distortion is due to this. To fix, set the background and opacity for the img itself (or remove the background image).

  5. Pioneer Valley Web Design
    Member
    Posted 1 year ago #

    Look at your source code for the images:

    <img class="pp-overlay" style="" src="file"/>

    You have two images!

    /wp-content/themes/prophoto4/images/blank.gif" <=what is?

  6. robstokes
    Member
    Posted 1 year ago #

    Ah, I think you're onto it there... I think there's something going on that's supposed to protect the images from being copied (you can't right click on them). It may be that.
    I'll see if there's a way of disabling it, else I'll dig into the CSS... Might be a bit beyond my capabilities though!

Topic Closed

This topic has been closed to new replies.

About this Topic