Jekyll Cloudinary Liquid tag
jekyll-cloudinary is a Jekyll plugin adding a Liquid tag to ease the use of Cloudinary for responsive images in your Markdown/Kramdown posts.
It builds the HTML for responsive images in the posts, using the srcset and sizes attributes for the <img /> tag (see the “varying size and density” section of this post if this is new for you, and why it’s recommended to not use <picture> most of the time). URLs in the srcset are Cloudinary URLs that fetch on-the-fly the post’s images and resize them to several sizes.
You are in full control of the number of generated images and their sizes, and the sizes attribute that helps the browser decide which image to download. See the complete configuration options for details.
Here is the general syntax of this Liquid tag:
{% cloudinary cloudflare.png alt="Un schéma montrant l'apport de Cloudflare" caption="Un schéma montrant l'apport de Cloudflare" %}