Blog images blurry

Site URL: https://www.pinkertonphoto.com/blog-journal/paradise-valley-country-club-wedding

Hi!  Here's my trouble...I have approx. 14 years of blogged images (I'm a wedding photographer) that I have for many years sized at 600 px wide, and have had custom code that constrains the width of the images in gallery blocks on my blog posts to ensure they're not displayed larger than that.  

Here's what I've had in my blog page header code injection:

<style> .sqs-gallery-container{ max-width: 600px; margin-left: auto;
    margin-right: auto }
  </style>

I only fairly recently noticed that my blog images look really terrible 🤦‍♀️.  I don't totally understand but would guess it has to do with how much higher res the computer screens are now versus the last time I made website formatting changes.  I changed the maximum width constraint to 400px, and while they look less pixelated that way, this leaves many of them far too small to be of value, especially for my purposes.

I'm wondering how best to move forward with formatting my images and my blog, knowing that it would be impractical for me to go back and recreate larger blog images for my many years of past blogs.  Any ideas for me?

On 8/18/2021 at 1:21 AM, kelsiepinkerton said:

Site URL: https://www.pinkertonphoto.com/blog-journal/paradise-valley-country-club-wedding

Hi!  Here's my trouble...I have approx. 14 years of blogged images (I'm a wedding photographer) that I have for many years sized at 600 px wide, and have had custom code that constrains the width of the images in gallery blocks on my blog posts to ensure they're not displayed larger than that.  

Here's what I've had in my blog page header code injection:

<style> .sqs-gallery-container{ max-width: 600px; margin-left: auto;
    margin-right: auto }
  </style>

I only fairly recently noticed that my blog images look really terrible 🤦‍♀️.  I don't totally understand but would guess it has to do with how much higher res the computer screens are now versus the last time I made website formatting changes.  I changed the maximum width constraint to 400px, and while they look less pixelated that way, this leaves many of them far too small to be of value, especially for my purposes.

I'm wondering how best to move forward with formatting my images and my blog, knowing that it would be impractical for me to go back and recreate larger blog images for my many years of past blogs.  Any ideas for me?

 

You mean images like these