# MJML Image size issues

**URL:** <https://forum.mautic.org/t/mjml-image-size-issues/25541>\
**Category:** Product Support\
**Created:** [September 29, 2022, 2:27pm UTC](https://forum.mautic.org/t/mjml-image-size-issues/25541 "2022-09-29T14:27:56Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![robm](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mautic.org/robm/32/260_2.png) [@robm](https://forum.mautic.org/u/robm)\
**Post date:** [September 29, 2022, 2:27pm UTC](https://forum.mautic.org/t/mjml-image-size-issues/25541/1 "2022-09-29T14:27:56Z")

</div>

**Your software**  
My Mautic version is: 4.4.2  
My PHP version is: 7.4  
My Database type and version is:

**Your problem**  
My problem is: I am playing with the MJML builder for the 1st time. I have dropped in a section, col and then image element and placed an image in there. Image shows great in the builder, ie the right size.

But when I preview the email, or send a test email, the image is only 50px wide. Inspecting the image I can see a HTML style tag that is setting the width at 50px.

Going back into the builder and looking at the MJML code next to the HTML code I can see this style tag of 50px being added in the HTML code

Steps I have tried to fix the problem: I have set the dimensions of the image in image options in the builder. I looked at the col and section settings to see if anything there that is forcing the resize and can’t find anything. The original image uploaded to mautic is far wider than 50px.

How can I get image to display in the email at a size that does not require a magnifying glass to see?

---

<div class="post-metadata">

**Author:** ![robm](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mautic.org/robm/32/260_2.png) [@robm](https://forum.mautic.org/u/robm)\
**Post date:** [September 29, 2022, 4:04pm UTC](https://forum.mautic.org/t/mjml-image-size-issues/25541/2 "2022-09-29T16:04:32Z")

</div>

So I found the issue

> <https://github.com/mjmlio/mjml/issues/1036>
>
> It would be very useful for "text-like" emails to be able to set the \`\<mj-body /…\>\` width to a percentage value. Currently, setting \`\<mj-body width="100%" /\>\` makes all the images to have a fixed width of 20px.

In my case the images were limited to 50 and not 20.

The fix is to open edit the MJML code and change the

```auto
<mj-body width="100%" />

```

which is likley to be line 2 in the code and chnage it to a fixed pixel width. I changed it to

```auto

<mj-body width="1080px" />

```

and then images were correct in size. The emails still look good in gmail and on my phone are responsive I can’t test with other clients.

Would there be any issues with using a hard pixel limit rather than a percentage?

---

<div class="post-metadata">

**Author:** ![captainmorgan](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mautic.org/captainmorgan/32/12897_2.png) [@captainmorgan](https://forum.mautic.org/u/captainmorgan)\
**Post date:** [September 15, 2023, 9:24pm UTC](https://forum.mautic.org/t/mjml-image-size-issues/25541/3 "2023-09-15T21:24:57Z")

</div>

I just ran into this issue too. Is nobody else having this problem?

---

<div class="post-metadata">

**Author:** ![volcania\_dread](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mautic.org/volcania_dread/32/11124_2.png) [@volcania\_dread](https://forum.mautic.org/u/volcania_dread)\
**Post date:** [January 3, 2024, 3:55pm UTC](https://forum.mautic.org/t/mjml-image-size-issues/25541/4 "2024-01-03T15:55:38Z")

</div>

Hey how’s it going?

do you know maybe how to fix this issue in the blank form (html)? everything looks great in my builder / preview. but when I send a test the images are huge. I tried to change something in the code to 1080px but it didn’t work:)

 ![Screenshot 2024-01-03 at 16.54.50](https://us1.discourse-cdn.com/flex020/uploads/mautic/original/2X/0/0d6a6003972a45395c0ec01affb945444d13d587.jpeg)

 ![Screenshot 2024-01-03 at 16.51.04](https://us1.discourse-cdn.com/flex020/uploads/mautic/original/2X/6/66fc8ec43e19d1c5d8b1dddedfc11a7ba6b081d6.jpeg)

 ![Screenshot 2024-01-03 at 16.50.53](https://us1.discourse-cdn.com/flex020/uploads/mautic/original/2X/5/5503ed2abb11dd562c4d08a0556a0c7fd1dc298a.png)
