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.
Features
- Optional (but highly recommended) presets
- You can add other presets if you need several image sizes in your posts
- Liquid tag values
- Liquid tag attributes
- You are in full control of the number of generated images and their sizes
- URLs in the srcset are cloudinary URLs that fetch on-the-fly the post's images and resize them to several sizes
Categories
Web DesignLicense
MIT LicenseFollow Jekyll Cloudinary Liquid tag
Other Useful Business Software
Gen AI apps are built with MongoDB Atlas
MongoDB Atlas provides built-in vector search and a flexible document model so developers can build, scale, and run gen AI apps without stitching together multiple databases. From LLM integration to semantic search, Atlas simplifies your AI architecture—and it’s free to get started.
Rate This Project
Login To Rate This Project
User Reviews
Be the first to post a review of Jekyll Cloudinary Liquid tag!