---
title: Image
description: |-
  The `Image` component renders an image for the Storefront API's
  [Image object](https://shopify.dev/api/storefront/reference/common-objects/image) by using the `data` prop. You can [customize this component](https://shopify.dev/api/hydrogen/components#customizing-hydrogen-components) using passthrough props.

  An image's width and height are determined using the following priority list:
  1. The width and height values for the `loaderOptions` prop
  2. The width and height values for bare props
  3. The width and height values for the `data` prop

  If only one of `width` or `height` are defined, then the other will attempt to be calculated based on the image's aspect ratio,
  provided that both `data.width` and `data.height` are available. If `data.width` and `data.height` aren't available, then the aspect ratio cannot be determined and the missing value will remain as `null`
api_version: 2026-04
api_name: hydrogen-react
source_url:
  html: https://shopify.dev/docs/api/hydrogen-react/latest/components/image
  md: https://shopify.dev/docs/api/hydrogen-react/latest/components/image.md
---

Image

Not supported in this version.