# Image cropping incorectly

**URL:** <https://community.glideapps.com/t/image-cropping-incorectly/52984>\
**Category:** Ask for Help\
**Created:** [October 31, 2022, 3:35pm UTC](https://community.glideapps.com/t/image-cropping-incorectly/52984 "2022-10-31T15:35:38Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![Alexander\_Rubino](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/alexander_rubino/32/48638_2.png) [@Alexander\_Rubino](https://community.glideapps.com/u/Alexander_Rubino)\
**Post date:** [October 31, 2022, 3:35pm UTC](https://community.glideapps.com/t/image-cropping-incorectly/52984/1 "2022-10-31T15:35:38Z")

</div>

My images currently look like the screenshot. Some of the images look great, but some of them look a bit cut out.  
I currently use Cloudinary to crop the images. The Cloudinary code in glide: [https://res.cloudinary.com/glide/image/fetch/c\_pad,w\_120,h\_120/Image](https://res.cloudinary.com/glide/image/fetch/c_pad,w_120,h_120/Image)

Any tips on how to make the image crop/look better?

![Screenshot 2022-10-31 at 16.33.23](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/e/f/efde5256bbb27900eab9acc4ffed3fbeb182c4d9.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:** [October 31, 2022, 3:49pm UTC](https://community.glideapps.com/t/image-cropping-incorectly/52984/2 "2022-10-31T15:49:57Z")

</div>

I haven’t used cloudinary, but if they provide a way to pad extra pixels to your images, then that might work. Not sure if cropping would be necessary unless you are forcing them to a 1:1 square ratio.

---

<div class="post-metadata">

**Author:** ![Alexander\_Rubino](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/alexander_rubino/32/48638_2.png) [@Alexander\_Rubino](https://community.glideapps.com/u/Alexander_Rubino)\
**Post date:** [October 31, 2022, 10:14pm UTC](https://community.glideapps.com/t/image-cropping-incorectly/52984/3 "2022-10-31T22:14:00Z")

</div>

Do you have any suggestions on how to make this image look better in a circle without Cloudinary? Because that would work too

---

<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:** [October 31, 2022, 10:23pm UTC](https://community.glideapps.com/t/image-cropping-incorectly/52984/4 "2022-10-31T22:23:15Z")

</div>

If you have control over the images, I would probably photoshop them to make sure they have a 1:1 ratio and add some extra padding around the image.

I think you are on the right track though using cloudinary if you don’t want to photoshop the images and control everything with url query parameters. I’m sure it’s possible, but I just don’t have experience with it.

Maybe @Robert_Petitto could give you some tips.

---

<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:** [November 1, 2022, 12:03am UTC](https://community.glideapps.com/t/image-cropping-incorectly/52984/5 "2022-11-01T00:03:33Z")

</div>

Is the circle thing here a Glide inline list setup or you using Cloudinary yourself to set it up?

---

<div class="post-metadata">

**Author:** ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\
**Post date:** [November 1, 2022, 1:04am UTC](https://community.glideapps.com/t/image-cropping-incorectly/52984/6 "2022-11-01T01:04:16Z")

</div>

Try using c\_lpad and then upping the width/height to say 300px

---

<div class="post-metadata">

**Author:** ![Alexander\_Rubino](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/alexander_rubino/32/48638_2.png) [@Alexander\_Rubino](https://community.glideapps.com/u/Alexander_Rubino)\
**Post date:** [November 1, 2022, 8:27am UTC](https://community.glideapps.com/t/image-cropping-incorectly/52984/7 "2022-11-01T08:27:07Z")

</div>

Well, this works great… except for one row. I don’t quite understand cloudinary yet, so I don’t know why this image won’t fit correctly. I have tried changing w & h, but with no luck. If I have to make a new code for this image specifically, that would be fine, then I can simply make an if-else column to choose which code to use.

Cloudinary code: [https://res.cloudinary.com/glide/image/fetch/c\_lpad,w\_300,h\_300/Image](https://res.cloudinary.com/glide/image/fetch/c_lpad,w_300,h_300/Image)  
 ![Screenshot 2022-11-01 at 09.24.42](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/a/3/a37e686b4aafd2b7ac6bcd15bab5fbce2a8415f1.png)

---

<div class="post-metadata">

**Author:** ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\
**Post date:** [November 1, 2022, 2:07pm UTC](https://community.glideapps.com/t/image-cropping-incorectly/52984/8 "2022-11-01T14:07:39Z")

</div>

Most likely due to inconsistent image sizes / resolutions of the original images. Try normalizing the images first:

> **[Cloudinary Tutorial · Glide - 1 November 2022](https://www.loom.com/share/cc197cf945d44617a59be84eada49fce)**
