Local Large media sizing locally Gridsome, Netlify, Netlify CMS

Hi there,

I am in the process of creating a new website using Gridsome, Netlify and Netlify CMS. I have large media installed and it’s resizing the images on the live website fine, however, I am struggling to understand how get the resized images to work locally after pulling. Is this possible? Am I being stupid?

I am using the picture element for my images and not having the right image size locally is hard to see how the layout looks. Having to push the code live each time to see if it looks right is a little frustrating… please help me.

Thanks for your time and keep up the good work :v:

If you use an absolute path to your online images locally (so https:///yoursite.netlify.app/image.jpg), the transformed images will also load.

You could write some sort of mechanism that appends your site name to your images when your environment is set to development or something. I can’t tell you how unfortunately, as I don’t know anything about gridsome.

1 Like

Thanks for your help mate

1 Like