# How to enforce actual size on image?

**URL:** https://community.glideapps.com/t/how-to-enforce-actual-size-on-image/66395
**Category:** Ask for Help
**Created:** [September 21, 2023, 9:09am UTC](https://community.glideapps.com/t/how-to-enforce-actual-size-on-image/66395 "2023-09-21T09:09:32Z")
**Posts on this page:** 5
**Page:** 1

<div class="post-metadata">

### Author: ![aeson](https://avatars.discourse-cdn.com/v4/letter/a/db5fbb/32.png) [@aeson](https://community.glideapps.com/u/aeson)
#### Post date: [September 21, 2023, 9:09am UTC](https://community.glideapps.com/t/how-to-enforce-actual-size-on-image/66395/1 "2023-09-21T09:09:32Z")

</div>

I have two small images (squared, 200px only) but they are enlarged by Glide automatically. Even though I could theorically place each image in each side of the 1:1 container (displayed properly in desktop screen), they ended up stacking up vertically on mobile screen due to the enlarged size.

I know there’s a size option for image component and I’ve chosen “small” but it is still blown up.

Any remedy, please?

---

<div class="post-metadata">

### Author: ![epdarias](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/epdarias/32/45740_2.png) [@epdarias](https://community.glideapps.com/u/epdarias)
#### Post date: [September 21, 2023, 9:14am UTC](https://community.glideapps.com/t/how-to-enforce-actual-size-on-image/66395/2 "2023-09-21T09:14:55Z")

</div>

I think that you can create a HTML with `<img src="{imageURL}" width="{width}" height="{height}">` as template column in Glide. Replace this {imageURL} with your URL and make it RichText in your app.

 ![Screenshot at Sep 21 10-18-03](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/2/e/2eecccc00f9895a3742a4a59e88910fd9da9fa77.png)  
 ![Screenshot at Sep 21 10-18-59](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/a/f/afbcd71b961d31dae5b86303762f78404337a479.png)

---

<div class="post-metadata">

### Author: ![aeson](https://avatars.discourse-cdn.com/v4/letter/a/db5fbb/32.png) [@aeson](https://community.glideapps.com/u/aeson)
#### Post date: [September 21, 2023, 10:51am UTC](https://community.glideapps.com/t/how-to-enforce-actual-size-on-image/66395/3 "2023-09-21T10:51:34Z")

</div>

Hi epdarias,

Thanks for the solution. However, I uploaded the image to Glide directly so I don’t think I can adopt your method.

---

<div class="post-metadata">

### Author: ![epdarias](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/epdarias/32/45740_2.png) [@epdarias](https://community.glideapps.com/u/epdarias)
#### Post date: [September 21, 2023, 11:02am UTC](https://community.glideapps.com/t/how-to-enforce-actual-size-on-image/66395/4 "2023-09-21T11:02:23Z")

</div>

You can replace the URL in template column for your column of image uploaded.

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/1/1/1183f1aab736e01a6650d5da9d067b0ccd5cab54.png)

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/7/c/7ce2665f7577bfdf043bae77b460e47dd33f3935.png)

![Vime 21 Sep 2023 at 11_59_41](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/5/2/52a2272584ba8632daa5c21edb7de799875c3126.gif)

---

<div class="post-metadata">

### Author: ![system](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/system/32/53398_2.png) [@system](https://community.glideapps.com/u/system)
#### Post date: [September 28, 2023, 11:03am UTC](https://community.glideapps.com/t/how-to-enforce-actual-size-on-image/66395/5 "2023-09-28T11:03:02Z")

</div>

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.