Gallery images grainy and low quality. How to fix?

  • Author
    Posts
  • #3028791

    bubbasuess
    Member

    This was an issue earlier in 2016 but it seemed to get fixed. The issue has returned and has a really negative impact on the images I want to put into my site’s galleries. How do I fix this?

    I use the older wp editing format (not calypso) and up load the images in the traditional fashion. I do alter the size of the file before loading them but I do not think this is an issue, since the images look good when enlarged individually on wp.

    Here is the latest example of the problem:
    https://hikemtshasta.com/2017/10/04/range-of-light-autumn-leaves-and-sunsets-in-the-eastern-sierra/

    Thanks for the help!

    The blog I need help with is hikemtshasta.com.

    #3028949

    Hello @bubbasuess,

    What device and browser are you using?

    I am looking at your page from Chrome on Mac, and the photo looks good and crisp to me. Below are the screenshots:

    https://i.imgur.com/t0yM347.png
    https://i.imgur.com/D4JxysC.jpg

    Regards,
    Rose

    #3028964

    bubbasuess
    Member

    Hi Rose. Thanks for getting back to me!

    I am primarily using a Windows 10 pc. I have opened the images on Opera and Chrome. I have also opened them on a separate pc using Chrome.

    The issue is not in the normal image display but when I open a gallery and scroll through the image carousel. On both my computer and on the other pc, the images are very low resolution.

    Try these:
    https://hikemtshasta.com/2017/10/04/range-of-light-autumn-leaves-and-sunsets-in-the-eastern-sierra/#jp-carousel-4776

    Thanks again! I really appreciate the help!

    #3028967

    Thank you. This is how they look from my end:

    https://i.imgur.com/MKnxI05.png
    https://i.imgur.com/GUdIOPh.png
    https://i.imgur.com/gMZEGoh.png

    They seem to look just how they are in the thumbnails. I’m sorry, but honestly, I couldn’t see any problem on the images. If you can send me a link of a photo to compare the quality with, I might see it clearer.

    Regards,
    Rose

    #3028969

    bubbasuess
    Member
    #3028972

    billh93
    Member

    Hey @bubbasuess,

    It also looks good from my end. If you suspect your image resolution depletes after uploading. You can try reading our article about Image Optimization and try out the suggested options.

    If you have anymore questions please feel free to ask.

    Best,
    Bill

    #3028978

    bubbasuess
    Member

    Thanks for checking this out.

    I do not believe the issue is in the upload. It is when they appear in the gallery carousel. Looking at each image in their url, they look fine. It is only when the images are in the gallery carousel that they are appear very pixelated.

    Have you looked at them via carousel? That is where the problem is at!

    Thanks!

    #3029032

    Hello @bubbasuess,

    The last screenshots I sent you were from your carousel. I don’t know if my retina display affects it. I guess it would be better if you can send me a photo of how it should look, so we have something to compare the quality with.

    Regards,
    Rose

    #3029047

    billh93
    Member

    Hey @bubbasuess,

    I’ve took a look at the images using the carousel. At, first glance it seems to be the same however carefully inspecting upon it. You are correct there seems to be some pixelation going on. However, this is a bug within Jetpacks carousel code and how it optimizes the images. So, there is no option where you can modify it from the dashboard.

    The reason why the pixelation occurs is because the size of the images. Yours are pretty huge and thus Jetpack tries to optimize them as best as it can. You can try making the pictures smaller and then uploading them and displaying them on the carousel and see if that helps.

    There are others who have happened to run across the same issue. Unfortunately, there is nothing we can do from our end. So, I hope this gives you much more information and maybe a solution!

    Best,
    Bill

    #3029048

    supernovia
    Staff

    @bubbasuess are only some images affected? The ones I’ve looked at in the carousel look good. They are compressed a little but not like that.

    Also, if you right-click in the carousel and open the image itself in a new tab, is it bad there as well?

    #3029049

    bubbasuess
    Member

    Thanks for taking a second look at all of this!

    It does seem that only some of the images suffer from this issue. On the post I linked to, the fall foliage gallery does not seem to be effected while the one of the sunset is badly pixelated.

    I am going to try to shrink them down again and see if that helps.

    #3029050

    bubbasuess
    Member

    I just halved the size of the 6 sunset videos and then looked at them in the carousel. They still looked really pixelated. Should I try it even smaller?

    #3029057

    supernovia
    Staff

    Are the original photos processed differently, like with different color profiles or different apps? I seem to recall our compressor doesn’t like some color profiles.

    #3029058

    bubbasuess
    Member

    I ran them through photoshop to add my little watermark to them.

    #3029086

    supernovia
    Staff

    Hey, sorry for the slow response. I was out for a few days.

    Are you only running the affected photos through photoshop?
    Are you running them through an action?
    Are there any steps in that action that adjust the color profile?

    #3029087

    bubbasuess
    Member

    No worries. The fires in Santa Rosa have had my full attention anyway. I typically run them through photoshop to add my watermark and then I shrink them down using another program.

    I will note that I do this for all my images but sometimes the galleries look fine and sometimes they do not. There is not a pattern as far as I can tell.

    #3029090

    supernovia
    Staff

    @bubbasuess sorry, I hope you’re not in the middle of those fires.

    When you have time, check the color profiles on those images that turned out blurry vs those that are fine. I am remembering something about our compression tools struggling with some color settings.

    #3029091

    bubbasuess
    Member

    Thank you for your concern. I’m not in the fires, but my parents lost their house. I have been making preps for them to move up here to Mount Shasta though.

    Is there a particular piece of information regarding color profiles or just generally the general color scheme of the image?

    All the troubled ones tend to be darker images (particularly, evening, low light) while the ones that are bright (daytime) seem to be fine.

    #3029092

    supernovia
    Staff

    I’m having a hard time finding the info on it so it may be out of date. But if we can confirm whether the affected images have different color profiles (or just determine what’s different about them) we can go from there. I can say, though, it’s not about the color of the image. It’s the settings used when processing it.

    Sorry for your parents :( My friend lost their home, too :(

    #3029093

    bubbasuess
    Member

    Is there anything I can do to help determine what settings? The thing is, everything is the same (I do not alter my methods) between the affected images and ones that appear in better detail.

The topic ‘Gallery images grainy and low quality. How to fix?’ is closed to new replies.