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

Project Samples

Project Activity

See All Activity >

Categories

Web Design

License

MIT License

Follow Jekyll Cloudinary Liquid tag

Jekyll Cloudinary Liquid tag Web Site

Other Useful Business Software
Gen AI apps are built with MongoDB Atlas Icon
Gen AI apps are built with MongoDB Atlas

Build gen AI apps with an all-in-one modern database: 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.
Start Free
Rate This Project
Login To Rate This Project

User Reviews

Be the first to post a review of Jekyll Cloudinary Liquid tag!

Additional Project Details

Programming Language

Ruby

Related Categories

Ruby Web Design Software

Registered

2023-09-11