How can I add a new src set (200w xs)?

Developer help
1

So basically whenever an image gets uploaded, multiple versions of that image will be saved in different sizes to increase load times.

Now I’m using a page where the images width is 200px, but the src sets only go to 300px.
Can I add a custom “200px” srcset and let’s call it “xs”.
So in srcset.hbs I could add:

{{img_url feature_image size="xs"}} 200w,

Now how can I make sure size “200w” gets saved when uploading an image?

2

You can define a new size in your package.json file.

See more details here: How to use responsive images in Ghost themes

1 Like
3

Alright thank you so much!

1 Like