Local and remote images

Include 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/image/upload/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" >}}