I just can’t understand how add_image_size() and responsive images work.
So let’s say I have a thumbnail like
So I’m assuming I need to add the size
add_image_size('post-thumbnail', 720, 320, true) //hard crop
I upload image with the dimensions of 3000×2000 to accommodate for retina screens, etc.
Now I’m adding it to the page with
the_post_thumbail('post-thumbnail') but it doesn’t build srcset at all!
If I’m using
the_post_thumbail('full') it builds
srcset but doesn’t preserve the aspect ratio.
So what I'm supposed to do now?
Do I need to add more sizes, starting from the largest? Like:
add_image_size('post-thumbnail', 3200, 1600, true);
add_image_size('post-thumbnail-lg', 1600, 800, true);
add_image_size('post-thumbnail-sm', 1200, 600, true);
add_image_size('post-thumbnail-xs', 400, 200, true);
If not, how would I preserve the aspect ratio?