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
Any tips on how to make the image crop/look better?
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.
Do you have any suggestions on how to make this image look better in a circle without Cloudinary? Because that would work too
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.
Is the circle thing here a Glide inline list setup or you using Cloudinary yourself to set it up?
Try using c_lpad and then upping the width/height to say 300px
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
Most likely due to inconsistent image sizes / resolutions of the original images. Try normalizing the images first: