The Support Forums will be in read-only mode for a scheduled maintenance window on 01 September 2016 14:00 UTC - 20:00 UTC. More information.

Images look blurry (6 posts)

  1. robstokes
    Posted 3 years 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:

    Interestingly, if you view the image in the upload folder is looks fine and perfectly sharp.

    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 Web Design
    Posted 3 years 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
    Posted 3 years 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 Web Design
    Posted 3 years 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 Web Design
    Posted 3 years 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
    Posted 3 years 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