• Jul 14, 2025
• read

Supercharge Your Content with Hugo Shortcodes

Beyond Hugo’s built-in shortcodes, this theme comes with custom shortcodes that add even more functionality to your site. Let’s explore a couple of them.

Optimized Images (optimized-image)

While you can use standard Markdown ![alt](src) for images, this theme provides an optimized-image shortcode that can automatically handle WebP conversion and responsive sizing, optimizing your site’s loading speed.

Here’s how to use it:

{{< optimized-image src="images/demo-image.png" alt="A Demo Image" >}}

This ensures your images are fast-loading and served in the best format for every device.