Store images in lower resolution

Hi all,

I’m using the camera native function to take a photo in my app and store this into the bubble database. iPhone’s images has very high resolution and also high file size. This brings the effect that those images, loaded from the database, needs sometimes a lot of time to load and I really don’t need so much high res images. Is there a possibility to shrink the images and/or lower the quality before saving in the bubble db? alternatively is there a way to run a backend workflow for example to do this job after uploading?

any ideas?

thanks,
jupxi

1 Like

yes + 1 here. really new something like this bc my app has a lot of photo sharing. so when users capture a photo, I need to show a preview basically right after the native camera feed closes. right now it takes about 2+ seconds. is there maybe a workaround in the meantime so I can have like a upload progress indicator that I can display to the user?

Notice:
I also tried the function :processed with imgix to reduce the image size before saving in bubble’s db, but I cant notice any result in the image size if I take a look at the Files :frowning:

1 Like

same here :smiling_face_with_tear: waiting for the solution

yes - it’s called image shrink. You control size and % to get the exact image resolution you need before upload. You can optimize for upload speed etc.

@nocodeventure is releasing an Uploadcare plugin that will handle this.

3 Likes

@brad.h We just pushed a new update, the uploadcare plugin now also supports image quality, natively supported by the device.

Link: Uploadcare Image Picker Plugin | Bubble

This plugin will also allow you to optimize images before they get uploaded to S3 and cut the file sizes a lot.

File Uploader + Auto Image Resizing Plugin | Bubble

The upload action gives you this and I use this now all the time when dealing with image uploads. It doesn’t impact on the quality that much either.

Nice. But I dont want to spend 20$ for another Plugin

1 Like

It’s $10 now! :wink: