# Change Image Size in Image Component

**URL:** <https://community.glideapps.com/t/change-image-size-in-image-component/24672>\
**Category:** Ask for Help\
**Created:** [March 24, 2021, 3:09am UTC](https://community.glideapps.com/t/change-image-size-in-image-component/24672 "2021-03-24T03:09:27Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![Jen\_NYCP](https://avatars.discourse-cdn.com/v4/letter/j/848f3c/32.png) [@Jen\_NYCP](https://community.glideapps.com/u/Jen_NYCP)\
**Post date:** [March 24, 2021, 3:09am UTC](https://community.glideapps.com/t/change-image-size-in-image-component/24672/1 "2021-03-24T03:09:28Z")

</div>

Hi,

Is it possible to change the size of an image from within the component which uses a URL to display the image? Like so:

![]()

---

<div class="post-metadata">

**Author:** ![Jeff\_Hager](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jeff_hager/32/43_2.png) [@Jeff\_Hager](https://community.glideapps.com/u/Jeff_Hager)\
**Post date:** [March 24, 2021, 3:48am UTC](https://community.glideapps.com/t/change-image-size-in-image-component/24672/2 "2021-03-24T03:48:26Z")

</div>

HTML in a rich text component.

---

<div class="post-metadata">

**Author:** ![Jen\_NYCP](https://avatars.discourse-cdn.com/v4/letter/j/848f3c/32.png) [@Jen\_NYCP](https://community.glideapps.com/u/Jen_NYCP)\
**Post date:** [March 24, 2021, 3:55am UTC](https://community.glideapps.com/t/change-image-size-in-image-component/24672/3 "2021-03-24T03:55:47Z")

</div>

Ah yes, thank you!

Is there a code I can add to get rid of the extra white space? Something with padding?  
 ![Untitledhh](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/4/5/45929e199cf98813ef5b35d444a940490d4b31dc.png)

---

<div class="post-metadata">

**Author:** ![Jeff\_Hager](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jeff_hager/32/43_2.png) [@Jeff\_Hager](https://community.glideapps.com/u/Jeff_Hager)\
**Post date:** [March 24, 2021, 4:05am UTC](https://community.glideapps.com/t/change-image-size-in-image-component/24672/4 "2021-03-24T04:05:43Z")

</div>

That would probably require cloudinary or some css styling to crop it.

---

<div class="post-metadata">

**Author:** ![Jen\_NYCP](https://avatars.discourse-cdn.com/v4/letter/j/848f3c/32.png) [@Jen\_NYCP](https://community.glideapps.com/u/Jen_NYCP)\
**Post date:** [March 24, 2021, 4:13am UTC](https://community.glideapps.com/t/change-image-size-in-image-component/24672/5 "2021-03-24T04:13:59Z")

</div>

Would adding something like " Padding: 30px " work?