Image preview: in WhatsApp, feed readers and others

[mhagnumdw]

(draft)

Hi!

Let me know if you are interested in continuing this task. I think it's worth it, but we'll have to see the issue since the default images in the project is webp.

I needed to generate:
triangle .svg > triangle .png
desk-messy .webp > desk-messy .jpg

Before

WhatsApp

https://feedly.com

After

WhatsApp

https://feedly.com

[sylhare]

This is good feedback!

I have added this new .webp format because it is recommended as new and lightweight for the internet. It's too bad that webp is not yet recognized by those apps and feed readers.

I believe that on a normal use people would use jpg and png. (Even though I have added the gulp task for .webp if one wants to reduce the image load on the website).

I know there's a new jpg format that is highly compressed, if it works with it, we could switch to this one for the sake of having the image displayed. I would need to investigate on that.

The goal would be to find a lightweight format that can also be displayed on those feeds.

[sylhare]

The other jpg format (JPEG XR and JPEG 2000) are even less supported that webp. Maybe we can add jpg images for the ones on the blog. or add a warning for webp format?

Or maybe a jpg fallback if the webp, svg can't be read?

[mhagnumdw]

For a same image we could have two versions: jpg and webp?
jpg if necessary, of course.

Or maybe a jpg fallback if the webp, svg can't be read?

Good idea!

[sylhare]

I will for the theme put the images that are seen in jpeg. I will merge you change with the feed.xml and the .png image.
I have tried a bit for having both (like a fallback) and it's complicated without js 😅

[sylhare]

Nice! Thanks ;)