# What is the best way to control image?

**URL:** https://community.glideapps.com/t/what-is-the-best-way-to-control-image/11236
**Category:** Ask for Help
**Created:** [June 22, 2020, 3:57am UTC](https://community.glideapps.com/t/what-is-the-best-way-to-control-image/11236 "2020-06-22T03:57:21Z")
**Posts on this page:** 8
**Page:** 1

<div class="post-metadata">

### Author: ![Brian\_Rosenstein](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/brian_rosenstein/32/9084_2.png) [@Brian\_Rosenstein](https://community.glideapps.com/u/Brian_Rosenstein)
#### Post date: [June 22, 2020, 3:57am UTC](https://community.glideapps.com/t/what-is-the-best-way-to-control-image/11236/1 "2020-06-22T03:57:21Z")

</div>

So I’m using ‘copy image address’ and adding it to my spreadsheet. When some of these images appear on glide, they are incredibly zoomed in and do not look good at all. What is the best way to control how an image is cropped?

---

<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 22, 2020, 4:02am UTC](https://community.glideapps.com/t/what-is-the-best-way-to-control-image/11236/2 "2020-06-22T04:02:05Z")

</div>

What sizes are your image? I usually use Cloudinary to resize them to a standard I want and use that Cloudinary link to display the image.

---

<div class="post-metadata">

### Author: ![Brian\_Rosenstein](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/brian_rosenstein/32/9084_2.png) [@Brian\_Rosenstein](https://community.glideapps.com/u/Brian_Rosenstein)
#### Post date: [June 22, 2020, 4:03am UTC](https://community.glideapps.com/t/what-is-the-best-way-to-control-image/11236/3 "2020-06-22T04:03:54Z")

</div>

The images are all different sizes. Cloudinary? I’ll have to check it out. I was hoping there would be some sort of in house option.

---

<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 22, 2020, 4:04am UTC](https://community.glideapps.com/t/what-is-the-best-way-to-control-image/11236/4 "2020-06-22T04:04:58Z")

</div>

I would advise you to start by reading this.

> [@Cloudinary: Image Filters and Overlays in Glide!](https://community.glideapps.com/t/cloudinary-image-filters-and-overlays-in-glide/4917):
>
> Thanks to @ionamol for keying me into Cloudinary for on the fly, URL based image editing! This awesome resource allowed me to gray out badges that haven’t yet been earned by the user— Started by uploading the image into Cloudinary and then using the built in tools to generate the new URL. Used this URL schema to create this formula: Then, simply created an if/then in Glide. If the badge was owned by the user, then use the colored URL, i…

Cloudinary is a solution that enables you to edit images on the fly just by changing parameters in the URL.

---

<div class="post-metadata">

### Author: ![nathanaelb](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/nathanaelb/32/43079_2.png) [@nathanaelb](https://community.glideapps.com/u/nathanaelb)
#### Post date: [June 22, 2020, 5:15pm UTC](https://community.glideapps.com/t/what-is-the-best-way-to-control-image/11236/5 "2020-06-22T17:15:31Z")

</div>

Hi @Brian_Rosenstein

In your case, I would use Cloudinary only if you absolutely need to: it is a 3rd-party solution that you might be able to circumvent.

1. Idea 1: Have you tried changing the “Image height” options within the “Image” component?
2. Idea 2: Have you tried uploading the image(s) through the Glide builder directly instead of using a link in your Google Sheets?
3. Idea 3: Have you tried editing your images ahead of time even before putting them into your sheet or into the Glide builder? As @ThinhDinh suggested, your images might big to begin with.

**Image optimization**  
[https://developers.google.com/web/fundamentals/performance/optimizing-content-efficiency/image-optimization](https://developers.google.com/web/fundamentals/performance/optimizing-content-efficiency/image-optimization)

Cloudinary might help you with image optimization, but if you are not doing anything at scale, you might want to explore the other ideas first. I hope they might help.

---

<div class="post-metadata">

### Author: ![Wiz.Wazeer](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/wiz.wazeer/32/72423_2.png) [@Wiz.Wazeer](https://community.glideapps.com/u/Wiz.Wazeer)
#### Post date: [June 22, 2020, 9:43pm UTC](https://community.glideapps.com/t/what-is-the-best-way-to-control-image/11236/6 "2020-06-22T21:43:34Z")

</div>

Robert nailed this one!

---

<div class="post-metadata">

### Author: ![Brian\_Rosenstein](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/brian_rosenstein/32/9084_2.png) [@Brian\_Rosenstein](https://community.glideapps.com/u/Brian_Rosenstein)
#### Post date: [June 23, 2020, 1:24am UTC](https://community.glideapps.com/t/what-is-the-best-way-to-control-image/11236/7 "2020-06-23T01:24:16Z")

</div>

So I think your right and Cloudinary is going to be more than I need at the moment.

I’m trying to go the uploading route but I’m running into an issue. On my data sheet, the column shows as a link and won’t let me upload. I can’t seem to create a column on my google spreadsheet that is image specific. Glide auto formats this into a link in the data editor. Is there a way to change this back to an image in the data section in Glide?

---

<div class="post-metadata">

### Author: ![nathanaelb](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/nathanaelb/32/43079_2.png) [@nathanaelb](https://community.glideapps.com/u/nathanaelb)
#### Post date: [June 23, 2020, 8:41am UTC](https://community.glideapps.com/t/what-is-the-best-way-to-control-image/11236/8 "2020-06-23T08:41:50Z")

</div>

Hi @Brian_Rosenstein

When you mentioned “data sheet”, I am not sure if you meant your “worksheet or sheet” in Google Sheets (GS), or the “data editor” in Glide (GDE).

Either way, my comments base on your description:

- If you are seeing a link that starts with “[storage.googleapis.com](http://storage.googleapis.com)” or a link that might include “Firebase” in the domain name, you uploaded your image correctly via the Glide Data Editor. If the link starts with “[drive.google.com](http://drive.google.com)”, you are still using an image stored on your Google Drive.
- Whether you uploaded your image via the GDE or not, in your worksheet in GS, your image column should always contain a URL (again, either “[storage.googleapis.com](http://storage.googleapis.com)” or “[drive.google.com](http://drive.google.com)”)
- In the GDE now:
  - a) if you created a **text** column (possibly initially in GS) and are drag and dropping your images in the builder to an image placeholder associated to that text column, then you should see **a URL** in that text column in the GDE.
  - b) if on the other hand you created an **image** column and are drag and dropping your images in the builder to an image placeholder associated to that image column, then you should see **a thumbnail** of your image in that image column in the GDE.
  - c) Both options, using a text column or image column, will allow you to successfully display your images. I do not know if one option is better practice than the other. Given the choice, I would opt for an images column.

I hope this helps.
