# Responsive images from Content API?

**URL:** <https://forum.ghost.org/t/responsive-images-from-content-api/13481>\
**Category:** Developer help\
**Created:** [April 13, 2020, 5:22pm UTC](https://forum.ghost.org/t/responsive-images-from-content-api/13481 "2020-04-13T17:22:15Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![tettoffensive](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/tettoffensive/32/7306_2.png) [@tettoffensive](https://forum.ghost.org/u/tettoffensive)\
**Post date:** [April 13, 2020, 5:22pm UTC](https://forum.ghost.org/t/responsive-images-from-content-api/13481/1 "2020-04-13T17:22:15Z")

</div>

Ghost-CLI version: 1.13.1  
Ghost version: 3.12.1

**Is there a way with the content api to get the responsive images in the response?** At least for the feature\_image would be great, but other images in the post would be good too. I’ve only seen documentation on using responsive images in the Casper theme. But I’m simply using ghost via the content api to my Nuxt.js app.

---

<div class="post-metadata">

**Author:** ![vikaspotluri123](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/vikaspotluri123/32/24_2.png) [@vikaspotluri123](https://forum.ghost.org/u/vikaspotluri123)\
**Post date:** [April 13, 2020, 8:48pm UTC](https://forum.ghost.org/t/responsive-images-from-content-api/13481/2 "2020-04-13T20:48:13Z")

</div>

Hey @tettoffensive 👋

This isn’t available at the moment. Responsive images follow a specific URL structure, so you can probably add a transformer in your app, and if it Ghost natively adds it, remove it later. The limitations to this are that only sizes specified in the theme’s configuration are supported.

---

<div class="post-metadata">

**Author:** ![tettoffensive](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/tettoffensive/32/7306_2.png) [@tettoffensive](https://forum.ghost.org/u/tettoffensive)\
**Post date:** [April 17, 2020, 3:53am UTC](https://forum.ghost.org/t/responsive-images-from-content-api/13481/3 "2020-04-17T03:53:03Z")

</div>

This is what I have done to get it working for the featured\_image:

```auto
const sizes = [300, 600, 1000, 2000];
const srcset = sizes.map(size => `${props.sourceImage.replace('images', `images/size/w${size}`)} ${size}w`).join(', ');

```