<p>Turns out google chrome dev tools was lying to me when i hovered over the images in a srcset and told me their natural size was different to their real size. All working grand!</p>

CC BY-SA 3.0
2016-06-20T19:20:41.817Z
2016-06-20T19:20:41.817Z
John
<p>I'm using the lovely "Imager" plugin to produce a srcset of images, however it seems to only produce one size of image, which isn't really what i was expecting!</p>

<p>My code is:</p>

<pre><code>{% set image = entry.image.first() %}
{% set transformedImages = craft.imager.transformImage(image, [
    { width: 1370, height: 600 },
    { width: 1000 },
    { width: 800 },
    { width: 600, jpegQuality: 65 },
    { width: 400, jpegQuality: 65 }
], { position: image.focalPoint, mode: 'crop', jpegQuality: 80 }) %}
</code></pre>

<p>Have i missed something here?</p>

CC BY-SA 3.0
2016-06-20T16:08:48.657Z
What size image is being produced? How are you testing it? Are you visiting the URL with appropriately sized browser windows to trigger the different sized images?
Steve Rowling
CC BY-SA 3.0
2016-06-20T17:21:34.547Z
Can you share the HTML that it's generating?
Brad Bell
CC BY-SA 3.0
2016-06-20T19:19:55.983Z
@BradBell i'm an idiot, it was the chrome devtools lying to me about the real image sizes. I loaded them up into the browser and they were the right sizes. That was using them with srcset. Damn you google chrome! Damn youuuuu!
John
<image-transforms><plugin-imager>
Imager plugin using it's transformImage method doesn't produce correctly resized images
# Imager plugin using it's transformImage method doesn't produce correctly resized images

(Asked by: username_0 on 2016-06-20)

I'm using the lovely "Imager" plugin to produce a srcset of images, however it seems to only produce one size of image, which isn't really what i was expecting!
My code is:
{% set image = entry.image.first() %}
{% set transformedImages = craft.imager.transformImage(image, [
    { width: 1370, height: 600 },
    { width: 1000 },
    { width: 800 },
    { width: 600, jpegQuality: 65 },
    { width: 400, jpegQuality: 65 }
], { position: image.focalPoint, mode: 'crop', jpegQuality: 80 }) %}

Have i missed something here?

**Tags:** image-transforms, plugin-imager
> **Comments:**
> **username_1**: What size image is being produced? How are you testing it? Are you visiting the URL with appropriately sized browser windows to trigger the different sized images?  
> **username_2**: Can you share the HTML that it's generating?  
> **username_0**: @BradBell i'm an idiot, it was the chrome devtools lying to me about the real image sizes. I loaded them up into the browser and they were the right sizes. That was using them with srcset. Damn you google chrome! Damn youuuuu!  

---

## 1 answers

### Answer by username_0 on 2016-06-20. Score: 2

Turns out google chrome dev tools was lying to me when i hovered over the images in a srcset and told me their natural size was different to their real size. All working grand!


---

