# Resized images don't change in size in glide

**URL:** <https://community.glideapps.com/t/resized-images-dont-change-in-size-in-glide/70043>\
**Category:** Ask for Help\
**Created:** [January 25, 2024, 11:47pm UTC](https://community.glideapps.com/t/resized-images-dont-change-in-size-in-glide/70043 "2024-01-25T23:47:46Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![Sal\_T](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/sal_t/32/69929_2.png) [@Sal\_T](https://community.glideapps.com/u/Sal_T)\
**Post date:** [January 25, 2024, 11:47pm UTC](https://community.glideapps.com/t/resized-images-dont-change-in-size-in-glide/70043/1 "2024-01-25T23:47:46Z")

</div>

So currently I am making a ranking structure and have images corresponding to said rank. I am using a template for all of the images, however, there are some images I would like to resize. I have tried using cloudinary and resizing them there but come up the same size when uploading them back to glide. I am using a HTML on a Rich Text Component. I can change the size for all of them using

```auto
<center><img src="{imageURL}" width="{width}" height="{height}"></center>

```

in the template form, but I can’t change individual ones. I’ve scoured online trying to find a solution and I have yet to find one. Hopefully this makes sense. I can send screenshots if needed to show what I am doing. Thanks in advance.

---

<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:** [January 26, 2024, 12:00am UTC](https://community.glideapps.com/t/resized-images-dont-change-in-size-in-glide/70043/2 "2024-01-26T00:00:17Z")

</div>

Is there a reason you don’t do the resizing directly in the URL using Cloudinary and reference that in your template column?

---

<div class="post-metadata">

**Author:** ![Sal\_T](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/sal_t/32/69929_2.png) [@Sal\_T](https://community.glideapps.com/u/Sal_T)\
**Post date:** [February 7, 2024, 8:48pm UTC](https://community.glideapps.com/t/resized-images-dont-change-in-size-in-glide/70043/4 "2024-02-07T20:48:37Z")

</div>

I do the resizing in cloudinary and then paste the URL into my google sheets column under rank images. Then I reference the URLs in the google sheets and have them pulled by the template column. Here is a picture what I am doing and look at level 23 for reference.

 ![google sheets](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/c/2/c275aa1248df7d756b351102720b80bd2e738583.png)  
 ![Glide rank](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/f/5/f56ea77478b17cf6192cfc75a3aa2753bdb0c471.png)  
 ![rank image copy](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/9/d/9d56d79f74496e1dfb7d228d30e7c612792fa4ec.png)

---

<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:** [February 8, 2024, 12:06am UTC](https://community.glideapps.com/t/resized-images-dont-change-in-size-in-glide/70043/5 "2024-02-08T00:06:41Z")

</div>

I meant resizing directly in the URL.

> **[Cloudinary Cookbook](https://cloudinary.com/cookbook/resize_an_image)**
>
> Recipes demonstrating cloud-based image and video manipulation and upload using Cloudinary. Sample image and video manipulation URLs and code snippets from multiple frameworks.

---

<div class="post-metadata">

**Author:** ![Sal\_T](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/sal_t/32/69929_2.png) [@Sal\_T](https://community.glideapps.com/u/Sal_T)\
**Post date:** [February 23, 2024, 8:34pm UTC](https://community.glideapps.com/t/resized-images-dont-change-in-size-in-glide/70043/6 "2024-02-23T20:34:10Z")

</div>

When I do that, it does show the different size when clicking on the URL but when I paste that URL into my Google Sheet and it uploads to Glide, the size is the same but the image is now blurry. Almost as if Glide just keeps the default size regardless. See the attached images for reference. See Row 24 on the Google Sheets for the resized image in the URL. On the glide app, Level 23 (the new scaled version) is a blurry image and has the same default Height and Width that Glide forces on the image. Level 24 shows a crisper image cuz I didn’t change it’s scaling. Am I missing a step?

 ![row 24](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/5/2/5266fe7eb39ad3ab4eda6269195aee953e7dd839.png)  
 ![lvl 23 blurry image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/b/8/b8c9341b4f5d0919f62c15ff339cf36d55775311.png)  
 ![lvl 24 clear image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/1/f/1f9a69e548f24a10d4132f01781b9abbb58b4302.png)

---

<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:** [February 23, 2024, 11:23pm UTC](https://community.glideapps.com/t/resized-images-dont-change-in-size-in-glide/70043/7 "2024-02-23T23:23:24Z")

</div>

I meant you don’t need to upload the image directly to Cloudinary unless it’s over 10MB. Do you have that image uploaded somewhere else?

> **[Deliver remote media files | Cloudinary](https://cloudinary.com/documentation/fetch_remote_images)**
>
> Retrieve remote media files from any URL, apply transformations, and then deliver the automatically optimized images and videos via CDN.

What I usually do with Cloudinary is transforming from the images I uploaded to Glide, so fetch is my go-to method. I don’t think I ever had a problem with it.

Can you copy the URLs of those 2 images, directly from a browser, not via your database, and let us know what transformation was applied by Glide?

And just to confirm, you meant that resizing directly in the URL results in a good image, and uploading to Glide results in a blurry one?

---

<div class="post-metadata">

**Author:** ![Sal\_T](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/sal_t/32/69929_2.png) [@Sal\_T](https://community.glideapps.com/u/Sal_T)\
**Post date:** [March 3, 2024, 12:58am UTC](https://community.glideapps.com/t/resized-images-dont-change-in-size-in-glide/70043/8 "2024-03-03T00:58:54Z")

</div>

Ah ok good to know. Thank you. I have found the solution though. I tried to streamline the process via a template with a set height and width but as soon as I removed the height and width from the template, it allowed all my resized images from cloudinary to show up as I made them. I forgot the template forces all my images to be the set height and width I made it. Thank you for your help though!

---

<div class="post-metadata">

**Author:** ![Rene\_Bibaud](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/rene_bibaud/32/1217_2.png) [@Rene\_Bibaud](https://community.glideapps.com/u/Rene_Bibaud)\
**Post date:** [March 9, 2024, 11:47pm UTC](https://community.glideapps.com/t/resized-images-dont-change-in-size-in-glide/70043/9 "2024-03-09T23:47:34Z")

</div>

help! I thought I found a solution to resizing my images in cloudinary, but if I use an image component in glide, the image simply fills the area . How can I force glide to resize an image, or keep the original size when i’m using it. Maybe use rich text to make this work?

---

<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:** [March 9, 2024, 11:58pm UTC](https://community.glideapps.com/t/resized-images-dont-change-in-size-in-glide/70043/10 "2024-03-09T23:58:36Z")

</div>

Can you give me an example URL?
