How to regenerate responsive images in ghost

Developer help
1

Hi,
I created a blog site and I used responsive image size for the feature image of the post. It was working fine.
I changed the image size later but the image size is regenerating. How can I solve these issues?

http://kalvin.electronthemes-ghost.com/make-healthy-foods-using-these-4-food-for-life-products/

How can I regenerate all images?

Thanks

2

Any image uploaded via the admin will be regenerated upon the first request for it after the new package.json image size config is applied. :slight_smile:

3

I uploaded image in the post when I did post in the site. But I used image responsive code later.
Now image is not showing as responsive image size

4

Could you be a bit more clearer with what you mean by “responsive code”?

5

Yes, responsive code like this


<img class="post-thumbnail" 
    srcset="{{img_url feature_image size="s"}} 300w,
            {{img_url feature_image size="m"}} 600w,
            {{img_url feature_image size="l"}} 1200w,
            {{img_url feature_image size="xl"}} 2000w"
    sizes="(max-width: 767px) 550px,(max-width: 991px) 700px,(max-width: 1199px) 950px, (max-width: 1400px) 1200px, 1200px"
    src="{{img_url feature_image size="l"}}" alt="{{title}}">
6

I see, and did you reflect those changes in the theme package.json? There’s an example in our docs: