<p>Untested, but should work:</p>

<pre><code>
image {
   foo: url @transform ([width: 300, immediately: true])
   boo: url @transform ([width: 600, immediately: true])
}
</code></pre>

<p>You can rename fields by just adding a new field name (ex <code>foo:</code>) before it in graphQL. The field name should not be one the object already has as it would overwrite the original field in this case.</p>

CC BY-SA 4.0
2020-02-19T09:57:09.977Z
Perfect, thank you.
Mato
CC BY-SA 4.0
2020-02-18T04:59:35.283Z
2020-02-18T04:59:35.283Z
Denis
<p>To get image transform in GraphQL we use this</p>

<pre><code>image {
   url @transform ([width: 300, immediately: true])
}
</code></pre>

<p>But how do I get two different image transforms (for responsive image) for this asset field?</p>

<assets><graphql>
GraphQL two image transforms for same field
# GraphQL two image transforms for same field

(Asked by: username_0 on 2020-02-17)

To get image transform in GraphQL we use this
image {
   url @transform ([width: 300, immediately: true])
}

But how do I get two different image transforms (for responsive image) for this asset field?

**Tags:** assets, graphql

---

## 1 answers

### Answer by username_1 on 2020-02-18. Score: 2 | Accepted answer

Untested, but should work:

image {
   foo: url @transform ([width: 300, immediately: true])
   boo: url @transform ([width: 600, immediately: true])
}

You can rename fields by just adding a new field name (ex foo:) before it in graphQL. The field name should not be one the object already has as it would overwrite the original field in this case.

> **Comments:**
> **username_0**: Perfect, thank you.  

---

