# Automated compression of user uploaded images

**URL:** https://community.glideapps.com/t/automated-compression-of-user-uploaded-images/12175
**Category:** Ask for Help
**Created:** [July 8, 2020, 3:21pm UTC](https://community.glideapps.com/t/automated-compression-of-user-uploaded-images/12175 "2020-07-08T15:21:48Z")
**Posts on this page:** 11
**Page:** 1

<div class="post-metadata">

### Author: ![S\_C](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/s_c/32/12766_2.png) [@S\_C](https://community.glideapps.com/u/S_C)
#### Post date: [July 8, 2020, 3:21pm UTC](https://community.glideapps.com/t/automated-compression-of-user-uploaded-images/12175/1 "2020-07-08T15:21:48Z")

</div>

I am building an app that would require lot of image uploads by users. I am anticipating a number in 1000s. This may increase the display time and even lead to data issues with PRO plan.

Has anyone figured out any google sheet integration that would compress the uploaded image before after upload but before display?

I appreciate your help on this.

---

<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: [July 8, 2020, 4:27pm UTC](https://community.glideapps.com/t/automated-compression-of-user-uploaded-images/12175/2 "2020-07-08T16:27:04Z")

</div>

This is my best bet for this:

> [@Upload image to Cloudinary from within Glide](https://community.glideapps.com/t/upload-image-to-cloudinary-from-within-glide/11204/):
>
> Cloudinary as image store for uploaded images URL [https://uploadtocloudinary.glideapp.io/](https://uploadtocloudinary.glideapp.io/) The app is copyable The app is using my personal Cloudinary account - so please keep uploads in the app low - and use your own Cloudinary account if you are going to do exploration of cloudinary Background Glide has an image upload functionality where the images are uploaded to Glide. Unfortunatly, these images are out of control from us as app developers. This means that we cannot delete…

---

<div class="post-metadata">

### Author: ![gvalero](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/gvalero/32/1037_2.png) [@gvalero](https://community.glideapps.com/u/gvalero)
#### Post date: [July 8, 2020, 4:32pm UTC](https://community.glideapps.com/t/automated-compression-of-user-uploaded-images/12175/3 "2020-07-08T16:32:34Z")

</div>

I think Glide has its own compression process for it to save space. I have read this before

Bye

---

<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: [July 8, 2020, 4:38pm UTC](https://community.glideapps.com/t/automated-compression-of-user-uploaded-images/12175/4 "2020-07-08T16:38:10Z")

</div>

Gide uses Cloudinary as well, at least for the image shown in the app, as far as I aware.

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/6/6456a760327ef46d8b54f6b030f3f2568f0841f0.jpeg)

Another day I was curious and clicked on an image in my app, here’s the URL for the 1st image in the screen above:

```
https://res.cloudinary.com/glide/image/fetch/f_auto,w_375,h_251,c_lfill/https%3A%2F%2Fi.imgur.com%2FvSR4R91.jpg
```

---

<div class="post-metadata">

### Author: ![Krivo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/krivo/32/5363_2.png) [@Krivo](https://community.glideapps.com/u/Krivo)
#### Post date: [July 8, 2020, 5:44pm UTC](https://community.glideapps.com/t/automated-compression-of-user-uploaded-images/12175/5 "2020-07-08T17:44:36Z")

</div>

@S_C it is interesting how you need to relate your images to data in Glide.

In the below example images are related to a company - but you might e.g. also need to relate an image to the ceo of the company. Depending on how you want to relate the images to data in Glide different solutions can be created, I believe.

> [@Upload image to Cloudinary from within Glide](https://community.glideapps.com/t/upload-image-to-cloudinary-from-within-glide/11204):
>
> Cloudinary as image store for uploaded images URL [https://uploadtocloudinary.glideapp.io/](https://uploadtocloudinary.glideapp.io/) The app is copyable The app is using my personal Cloudinary account - so please keep uploads in the app low - and use your own Cloudinary account if you are going to do exploration of cloudinary Background Glide has an image upload functionality where the images are uploaded to Glide. Unfortunatly, these images are out of control from us as app developers. This means that we cannot delete…

---

<div class="post-metadata">

### Author: ![S\_C](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/s_c/32/12766_2.png) [@S\_C](https://community.glideapps.com/u/S_C)
#### Post date: [July 8, 2020, 6:34pm UTC](https://community.glideapps.com/t/automated-compression-of-user-uploaded-images/12175/6 "2020-07-08T18:34:09Z")

</div>

Thanks @ThinhDinh @gvalero @Krivo

@Krivo: Appreciate the fact that you took time to share the video and details with this community. Very helpful!

I am not looking to add the images outside of Glide. Also, I want to keep the interface as simple as possible.

I do see that Gide does uses Cloudinary for faster display. However the detailed images (when one clicks the images) are still full sized (2-3mb). I want that once glide has compressed the image, the same Cloudinary link works for initial image and detailed image (with ability to pinch and zoom).

Front Image 122kb [[https://res.cloudinary.com/glide/image/fetch/f\_auto,w\_750,c\_limit/https%3A%2F%2Fstorage.googleapis.com%2Fglide-prod.appspot.com%2Fuploads-v2%2FCcm94LQoXc6Ib8lYDF9C%2Fpub%2FkFs8kv0OabV0WlZ7mHM7.jpeg](https://res.cloudinary.com/glide/image/fetch/f_auto,w_750,c_limit/https%3A%2F%2Fstorage.googleapis.com%2Fglide-prod.appspot.com%2Fuploads-v2%2FCcm94LQoXc6Ib8lYDF9C%2Fpub%2FkFs8kv0OabV0WlZ7mHM7.jpeg)]

Detailed Image 2.3 mb  
[https://storage.googleapis.com/glide-prod.appspot.com/uploads-v2/Ccm94LQoXc6Ib8lYDF9C/pub/kFs8kv0OabV0WlZ7mHM7.jpeg](https://storage.googleapis.com/glide-prod.appspot.com/uploads-v2/Ccm94LQoXc6Ib8lYDF9C/pub/kFs8kv0OabV0WlZ7mHM7.jpeg)

---

<div class="post-metadata">

### Author: ![Krivo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/krivo/32/5363_2.png) [@Krivo](https://community.glideapps.com/u/Krivo)
#### Post date: [July 8, 2020, 6:46pm UTC](https://community.glideapps.com/t/automated-compression-of-user-uploaded-images/12175/7 "2020-07-08T18:46:59Z")

</div>

@S_C you can do a setup where the initial image is small size (you could use a tile layout) and when clicked you can open a detail screen where you show the high quality image. Do you really need an image with size 2,3 mb. To me it seems as large.

You may upload the image through glide an afterward from within google sheets fetch the image to cloudinary in order to control the size of the image when you use it afterwards in glide

---

<div class="post-metadata">

### Author: ![S\_C](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/s_c/32/12766_2.png) [@S\_C](https://community.glideapps.com/u/S_C)
#### Post date: [July 8, 2020, 6:51pm UTC](https://community.glideapps.com/t/automated-compression-of-user-uploaded-images/12175/8 "2020-07-08T18:51:53Z")

</div>

I am thinking exactly that but I don’t want to do it manually given the number I am expecting.  
I want to implement an if-then-else of rule but the Cloudinary link doesn’t show up in sheets. Only the full sized image link does.

---

<div class="post-metadata">

### Author: ![biha](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/biha/32/84110_2.png) [@biha](https://community.glideapps.com/u/biha)
#### Post date: [December 31, 2021, 5:25am UTC](https://community.glideapps.com/t/automated-compression-of-user-uploaded-images/12175/9 "2021-12-31T05:25:56Z")

</div>

Hello, sorry for interrupt but how to control the size of image?

---

<div class="post-metadata">

### Author: ![Krivo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/krivo/32/5363_2.png) [@Krivo](https://community.glideapps.com/u/Krivo)
#### Post date: [December 31, 2021, 6:19am UTC](https://community.glideapps.com/t/automated-compression-of-user-uploaded-images/12175/10 "2021-12-31T06:19:18Z")

</div>

@biha are you referring to image size when using the image? Then look in the cloudinary cook book. You can eg specify quality and width of image which can shrink the image quite a lot.

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

It is also possible to do similar thing when uploading images to cloudinary. If you are using auto upload like described in below post then you need to specify the transformation you want in the preset. Thereby you can make the uploaded image stored in cloudinary smaller

> [@Photo-location - and images AUTO-UPLOADED to Cloudinary](https://community.glideapps.com/t/photo-location-and-images-auto-uploaded-to-cloudinary/26936):
>
> Main features Upload a photo to Glide and mark it with a location Auto-upload the photos to Cloudinary Resizing and other maniputations of the photo uploaded to Cloudinary Remove the photo from Glide View all the photos uploaded - and directly sourced from Cloudinary account Photo and location saved to both Glide Table and Google Sheets Idea Photo and location is inputted to the glide table “Input…” and data are copied to “Registrations” Photo and location is then cleared from …

---

<div class="post-metadata">

### Author: ![biha](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/biha/32/84110_2.png) [@biha](https://community.glideapps.com/u/biha)
#### Post date: [December 31, 2021, 6:23am UTC](https://community.glideapps.com/t/automated-compression-of-user-uploaded-images/12175/11 "2021-12-31T06:23:06Z")

</div>

@Krivo , thanks for reply me.  
But i noticed , we have to do manually one by one ?
