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
$300 Free Credits for Your Google Cloud Projects
Launch your next project with $300 in free Google Cloud credits—no strings attached. Test, build, and deploy without risk. Use your credits across the entire Google Cloud platform to find what works best for your needs. After your credits are used, continue with always-free tier services. Only pay when you're ready to scale. Sign up in minutes and start exploring.
Rate This Project
Login To Rate This Project
User Reviews
Be the first to post a review of Jekyll Cloudinary Liquid tag!