Jump to content

Blog images blurry

Recommended Posts

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?

 

Link to comment
  • 2 months later...
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

image.thumb.png.badc987175c77d390ff249fb3c320f11.png

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.