---
title: >-
  Make images responsive with the new image_tag filter - Shopify developer
  changelog
description: >-
  Shopify’s developer changelog documents all changes to Shopify’s platform.
  Find the latest news and learn about new platform opportunities.
source_url:
  html: >-
    https://shopify.dev/changelog/make-images-responsive-with-the-new-image_tag-filter
  md: >-
    https://shopify.dev/changelog/make-images-responsive-with-the-new-image_tag-filter.md
metadata:
  effectiveApiVersion: ''
  affectedApi: []
  primaryTag:
    displayName: Themes
    handle: dev_themes
  secondaryTag:
    displayName: New
    handle: new
  indicatesActionRequired: false
  createdAt: '2021-11-08T16:59:51-05:00'
  postedAt: '2021-11-16T00:00:00-05:00'
  updatedAt: '2024-02-02T10:05:03-05:00'
  effectiveAt: '2021-11-16T00:00:00-05:00'
---

November 16, 2021

Tags:

* Themes

# Make images responsive with the new image\_tag filter

Adding [responsive images](https://developer.mozilla.org/en-US/docs/Learn/HTML/Multimedia_and_embedding/Responsive_images) to your theme is now easier with the new `image_tag` filter. The filter outputs a responsive HTML `img` tag by default, allows adding arbitrary HTML attributes, and supports [preloading](https://shopify.dev/themes/best-practices/performance#preload-key-resources-defer-or-avoid-loading-others).

Learn more about the [image\_tag filter](https://shopify.dev/api/liquid/filters/html-filters#image_tag) on Shopify.dev.