# How can i scale the image

**URL:** <https://community.glideapps.com/t/how-can-i-scale-the-image/28179>\
**Category:** Ask for Help\
**Created:** [June 20, 2021, 1:58pm UTC](https://community.glideapps.com/t/how-can-i-scale-the-image/28179 "2021-06-20T13:58:48Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![atek](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/atek/32/27649_2.png) [@atek](https://community.glideapps.com/u/atek)\
**Post date:** [June 20, 2021, 1:58pm UTC](https://community.glideapps.com/t/how-can-i-scale-the-image/28179/1 "2021-06-20T13:58:48Z")

</div>

How can i add a image in circle. Always the image are in square or rectangle. I want to have image in circle. No option seen,

Got suggestion from **Yinon Raviv** to add a Title Component but i cant scale or make bigger in size.

Any suggestion. Thanks

![20170930101443](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/3/b/3b4c59c4b09f59fe81c9467f23376c2bbd13c19e.jpeg)

---

<div class="post-metadata">

**Author:** ![ehdubya](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/ehdubya/32/24087_2.png) [@ehdubya](https://community.glideapps.com/u/ehdubya)\
**Post date:** [June 20, 2021, 2:12pm UTC](https://community.glideapps.com/t/how-can-i-scale-the-image/28179/2 "2021-06-20T14:12:07Z")

</div>

Title Component on a Details Layout. Use circle image (right side).

---

<div class="post-metadata">

**Author:** ![atek](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/atek/32/27649_2.png) [@atek](https://community.glideapps.com/u/atek)\
**Post date:** [June 20, 2021, 2:22pm UTC](https://community.glideapps.com/t/how-can-i-scale-the-image/28179/3 "2021-06-20T14:22:21Z")

</div>

yes i want to make it large its small in size.

 ![imag](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/6/a/6a87a8d72eda914ef6236a527862bca91ab93196.jpeg)  
As shown above, The doctor image is small and i want to scale / make it large with the red circle and then button.

---

<div class="post-metadata">

**Author:** ![ehdubya](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/ehdubya/32/24087_2.png) [@ehdubya](https://community.glideapps.com/u/ehdubya)\
**Post date:** [June 20, 2021, 2:28pm UTC](https://community.glideapps.com/t/how-can-i-scale-the-image/28179/4 "2021-06-20T14:28:04Z")

</div>

This will require some image-manipulation. Check out Cloudinary or Canva; Frames to do this.

If you search Cloudinary in the forum you’ll find some wizardry!

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [June 21, 2021, 12:59am UTC](https://community.glideapps.com/t/how-can-i-scale-the-image/28179/5 "2021-06-21T00:59:11Z")

</div>

I would still suggest Cloudinary for this but if you want a CSS solution here it is.

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/9/8/985dac287acd871dc523a9c73b42ee5137cf0ab1.jpeg)

```auto
<pre><span><style>

[data-test="app-image-carousel"] img {
border-radius: 60%;
width: 300px !important;
height: 300px !important;
border: red solid;
}

[data-test="app-image-carousel"] {
padding: 0px 35px;
}

```

This is using an image component with a square setup.

---

<div class="post-metadata">

**Author:** ![ehdubya](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/ehdubya/32/24087_2.png) [@ehdubya](https://community.glideapps.com/u/ehdubya)\
**Post date:** [June 21, 2021, 1:36am UTC](https://community.glideapps.com/t/how-can-i-scale-the-image/28179/6 "2021-06-21T01:36:38Z")

</div>

He strikes again! 😝🤓

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [June 21, 2021, 1:48am UTC](https://community.glideapps.com/t/how-can-i-scale-the-image/28179/7 "2021-06-21T01:48:19Z")

</div>

It also works with a carousel, looks pretty cool in my opinion.

---

<div class="post-metadata">

**Author:** ![atek](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/atek/32/27649_2.png) [@atek](https://community.glideapps.com/u/atek)\
**Post date:** [June 21, 2021, 2:08am UTC](https://community.glideapps.com/t/how-can-i-scale-the-image/28179/8 "2021-06-21T02:08:00Z")

</div>

wow thats what i was looking for. Thanks

---

<div class="post-metadata">

**Author:** ![NoCodeAndy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/nocodeandy/32/62530_2.png) [@NoCodeAndy](https://community.glideapps.com/u/NoCodeAndy)\
**Post date:** [January 17, 2024, 4:51pm UTC](https://community.glideapps.com/t/how-can-i-scale-the-image/28179/9 "2024-01-17T16:51:52Z")

</div>