Use webp for images with fallback

[astronomersiva]

No description provided.

[meanmachin3]

@astronomersiva Would like to take this up as well. However, little unsure where to start. Found a nice little gem that could convert images to webp. However, webp doesn't seem to behaving nice with jekyll assets as of now. With v3.1, we should be able to work with multiple srcset with <picture>

[astronomersiva]

@meanmachin3, that gem sure does look interesting. If generating webp images is the issue, we can enforce checking in the webp equivalents along with the original images. That way, we will only have to worry about generating the <picture> tags. Let me know what you think.

[meanmachin3]

@astronomersiva Generating tag is little problematic, since you need image resizing on the fly. How about using cloudinary for this ?

They offer about 25 credits per month which is equivalent to 25k transformation per month. They offer on the fly image transformation. Let me know your thoughts.

Do we have any other medium of discussion that could be faster(Slack/Discord) ?

[astronomersiva]

@meanmachin3, to start with, let's just use webp and png/jpeg. We can go for resizing later.

https://jekyllrb.com/docs/plugins/tags/ - We can use this for generating the markup.

I have mailed you my contact details 😄

[astronomersiva]

@meanmachin3 any updates on this?

[meanmachin3]

@astronomersiva Haven't worked on this piece this week. How about I put up an update by this weekend ?

[astronomersiva]

Sure @meanmachin3