You can use the image_url filter on any image URL:

{{ entry.image | image_url }}
{# outputs: https://cdn.blutui.com/uploads/project_name/image.png #}

Custom width and height dimensions can never be resized to be larger than the original dimensions of the image.

width

width: number | min: 1

You can specify the width of the image. If you only specify the width, then the height is automatically calculated based on the image's dimensions:

{{ entry.image | image_url({ width: 280 }) }}
{# outputs: https://cdn.blutui.com/uploads/project_name/image.png?width=280 #}

height

height: number | min: 1

You can specify the height of the image. If you only specify the height, then the width is automatically calculated based on the image's dimensions:

{{ entry.image | image_url({ height: 280 }) }}
{# outputs: https://cdn.blutui.com/uploads/project_name/image.png?height=280 #}

format

format: string

You can specify the file format to use for the image:

{{ entry.image | image_url({ width: 280, format: 'webp' }) }}
{# outputs: https://cdn.blutui.com/uploads/project_name/image.png?format=webp&width=280 #}

The valid formats are jpeg, webp, avif, png, svg, or gif

Was this helpful?

Copyright © 2024 Blutui.