AVIF format not work correctlty with the img_url filter

Online Store and Theme Development
,
1

Short description of issue

If you upload an image in “avif” format and use the “img_url” filter in the code to display the image, the image will be displayed in low quality, ignoring the parameters for specifying the width or height of the image.

Reproduction steps

  1. Upload an image in the “avif” format in the theme customizer to the “image_picker” setting.
  2. Render this image using “img_url” filter.
  3. Check this image on the website - it will be of very low quality.

Additional info

If you upload the image in a jpeg, webp format, everything will work fine.

What type of topic is this

Bug report

2

Hey @UTD-Dev

Do you get the same result when using the image_url [1] and image_tag [2] filters?
These have replaced img_url and img_tag, respectively.

{{ product.featured_image | image_url: width: '1800' | image_tag }} for example should work as expected.