Banner/Header Image Quality

  • If you take a quick look at the header/banner image at the top of this blog/news page of the company I run Photography for, you’ll see that the images look terrible. The opacity is deliberate, but I’m talking about the resolution.

    I have tried tons of different size and resolution variations, and they all look the same. Something is happening compression wise. Even when I upload an image that is far bigger than the crop would need to automate and get something decent, it looks exactly the same.

    As you’ll also see, it is currently pulling and rotating, automatically, from all of the images at the top of the blog posts, so it’s not specific TO the banner image. I realize what needs to be done image wise, but it’s simply not working.

    I would love to get this fixed. Thanks for any and all help.

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Moderator jordesign

    (@jordesign)

    Hey @boruobrien,
    it looks like the slider plugin is inserting the automatically generated version of the image that is 530×380 pixels in size. When that gets scaled up in the slider it looks unsurprisingly pretty bad.

    Without seeing how that slider is set up in the Admin – it’s difficult to know exactly how to fix it. But a good first step would be to edit the slider (wherever you do that) and see if it gives you an option anywhere to select which ‘Image size’ is used by the slider.

    It looks like the maximum width of that slider is 1100px – so if you’re given the option to pick an image size you’d want to select either:

    • whichever image size has a width greater (but not too much greater) than 1100px, or
    • Export your image at 1100px wide, and pick the ‘original’ image size (which will use the exact file you uploaded)

    I hope that helps a little ??

Viewing 1 replies (of 1 total)
  • The topic ‘Banner/Header Image Quality’ is closed to new replies.