How to compress photo

@biha you do not need any location info. It was for another use case that somebody had.

@Krivo So now, to let it automatically upload image and compress, what I need to do is;

  1. Change this part cloud_name and Cloudinary folder

2)Set up this part :
Folder : Folder name in Cloudinary
URL prefix: The storage in Glide. Mine was https://storage.googleapis.com/glide-prod.appspot.com/uploads-v2/Cqo9GiCeIKjnwcVnF3MG/pub/Rhqdnw3GiKkX2za9oRkB.jpg

so i used the : https://storage.googleapis.com/glide-prod.appspot.com/uploads-v2/Cqo9GiCeIKjnwcVnF3MG/pub/

correct ?

That’s all I highlighted from your thread. am i correct ? let me know if i am not.

Hey @biha
I built this Compress Image app for you

You can upload any image and provide quality of the image
It would compress the image in that quality and return a compressed image.
If you are happy with the same, I can guide you to do it. You can message me privately.

@ShantanuIyengar wowwwwww

The apps really like i wish . but but but. i wish i know how to do it since i need to apply for my current app. Cannot do manually one by one photo. I need to auto upload to the storage . :frowning:

Dont worry! I will help you do the same :smiley:

Thank you soo much!

@Krivo , hello appreciated if you guide how to set up.

@biha Seems to be correct.
Have you created the setup yourself in your own app - and not started from the template?
I noticed that the column type is text of the image in General table.

@biha have you created a preset?

@biha I would also try to make a simple setup to see if you got cloudinary connected correct to glides folder

In General table:
Create two variable.
Super important that you do the correct replacement. In your case it should be:
`https://storage.googleapis.com/glide-prod.appspot.com/uploads-v2/Cqo9GiCeIKjnwcVnF3MG/pub/
(NB: notice that other people know the folder of your app)
image

image

Create a tab ‘General’ and insert an image component. The image sourced from cloudinary should show up. If not the the Cloudinary setup has a fault somewhere.
I think it is better to narrow down the problem.

Oh i see , i make it first then i’ll come back to you :pray:t2:

@fauzul

Hello @Krivo , I’m back.
So, i have follow your steps.

  1. Extract image name from the Glide storage
  2. Combine https://res.cloudinary.com/… with image name

I understand that part and it is turn up in my app.

But my main question is how to auto compressed ?

@biha The autocompression happens when you make use of the preset
As described in the original post you need to create a preset. The compression happens based on the transformations that you put in

image
image

My transformations was this but you can do what you want. The w_500 makes the image 500 px wide and q_auto makes the quality auto adjusted. That will help a lot on the size:

bo_17px_solid_rgb:d020ca,c_thumb,g_face,h_500,q_auto,r_max,w_500

*You can apply actions (e.g., incoming/eager transformations) on your auto-uploaded resources by using an upload-preset. To attach an upload-preset to a mapped folder, the preset should be named the same as your folder mapping
(from this page : https://support.cloudinary.com/hc/en-us/articles/115002589251-How-to-add-upload-options-when-using-Auto-Upload-mappings-)

Have you named your preset the same as your auto upload folder?

3 Likes

It quite challenging for me this part but i’ll come back here later :pray:t2:

I managed to do this.
You deserved the :trophy:

3 Likes

This topic was automatically closed 24 hours after the last reply. New replies are no longer allowed.