Image Issues

  • Jess

    (@urracacreative)


    8 years, 1 month ago

    I have been having a lot of issues with image handling on my site lately, and I’m at a loss for what could be going wrong.

    Images appear fine on my desktop, but once I upload them, they are often blurry, desaturated, and/or overexposed. You can see an example here (please click to enlarge to see details better). It’s hard to tell how blurry and desaturated they are compared to what I’m seeing on my computer since it’s an image that I uploaded, and therefore, it’s having the same issues there… But you can at least see how overexposed they are compared to what they’re supposed to be.

    I always upload images that have been optimized/resized for web viewing in photoshop to reduce file size and loading time since my site has a lot of images. I also make sure my images are set to have an sRGB color profile. I am using Jetpack tiled galleries, and the overexposure issue appears to go away if a reader opens an image in the lightbox viewer.

    Any ideas what could be going on and how I can fix it/prevent it from happening?

    Thanks!

Viewing 2 replies - 1 through 2 (of 2 total)

  • Hi,

    Two things I can add here…

    1. WordPress tries to optimize JPG images on upload
    2. As you already optimize images just fine as per your needs.
    I suggest you disable WP’s compression/optimization for images.

    In your functions.php file for the theme you might add this code:

    add_filter( 'jpeg_quality', create_function( '', 'return 100;' ) );

    See these links about WordPress feature regarding this:
    https://developer.www.ads-software.com/reference/hooks/jpeg_quality/

    Hope it solves your images issue. If you still see issue please update this thread. You might need to upload image again to test this new code to see if it was compression related.

    Thread Starter Jess

    (@urracacreative)

    Thank you for your help! Unfortunately, it doesn’t appear to have fixed the issue. After I edited functions.php, I deleted the files from the media library, changed the file name to be safe, and uploaded them again. They’re still super overexposed.

    Another head-scratcher: the images appear overexposed immediately after uploading, while I’m still in the media library. As I mentioned in my original post, they appear overexposed in the tiled gallery but look normal once they’re opened in the lightbox. I also just discovered that even though they’re overexposed in the media library, they also appear normal if just inserted into the post as individual images and not as part of a gallery.

    Any further suggestions?

    Thank you!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Image Issues’ is closed to new replies.