Why does resizing a webp image with liquid code result in an error?

Technical Q&A

Topic summary

A developer encounters errors when attempting to resize WebP images using Shopify’s Liquid asset_img_url filter with size parameters (e.g., ‘1204x1204’).

Key Details:

  • Original WebP image URLs work correctly when accessed directly via asset_url
  • Adding resize parameters through asset_img_url triggers errors
  • The same resizing issue occurs with JPEG format images
  • AVIF format also produces identical errors

Current Status:
The problem appears consistent across multiple modern image formats (WebP, JPEG, AVIF), suggesting a systematic issue with Shopify’s image resizing functionality rather than a format-specific problem. No solution or workaround has been identified yet.

Summarized with AI on November 21. AI used: claude-sonnet-4-5-20250929.
1

I upload image format webp to shopify theme.

I using liquid code:

Origin: {{ "447663100980626033-02130abe-7567-40eb-9d6e-990733a5af34.webp" | asset_url }}
</br>
Resize: {{ "447663100980626033-02130abe-7567-40eb-9d6e-990733a5af34.webp" | asset_img_url: '1024x1024' }}

and response error with URL resize

SCR-20230403-opqm.png
SCR-20230403-opqm.png1317×191 17.3 KB

2

Image url with .jfif same error

3

Image url .avif same error