Local and remote images
Posted on May 19, 2024 (Last modified on December 20, 2024) • 1 min read • 110 wordsInclude responsive images from local sources and selected CDN image providers.
Cloudinary
As an example, the following shortcode displays an image with rounded corners and a 21x9 aspect ratio.
markdown
{{< image src="https://res.cloudinary.com/demo/dog.webp"
ratio="21x9" caption="Cloudinary image" class="rounded" plain=true >}}ImageKit.io
As an example, the following shortcode displays an image with rounded corners and a 21x9 aspect ratio.
markdown
{{< image src="https://ik.imagekit.io/demo/default-image.jpg"
ratio="21x9" caption="ImageKit.io image" class="rounded" anchor="Center" >}}Imgix
As an example, the following shortcode displays an image with rounded corners and a 21x9 aspect ratio.
markdown
{{< image src="https://assets.imgix.net/examples/bluehat.jpg"
ratio="21x9" caption="imgix image" class="rounded" anchor="Top" >}}Local image
markdown
{{< image src="img/phone.jpg"
ratio="auto" caption="local image" class="rounded" anchor="Top" dataAttributes="data-location='unknown' data-image-option='test'" >}}