[New Plugin] Image Compressor by EzCode

New plugin
Image Compressor

Compress images before uploading to bubble.

democompressor

Works with different formats:
png, jpeg, svg, webp

The best results are on large images.
For example you could get a 2MB png image and compress it to a 700KB image (the final size varies) and you will barely notice the difference between this two images.

  • Set compress quality from 0 to 1

  • Set Max width and height - if the image is bigger, it will be resized to fit given values.
    For example you don’t need a 4k resolution with size of 5mb for an image that is used for user’s avatar.

  • Set Max file size for PNG files - If the file is bigger then it will be converted to jpeg and therefore compressed.

States
  • Size before compress
  • File name
  • Compressed image base64
  • Size after compress
  • Uploaded image url
  • Uncompressed base64
Action
  • Select and Compress
  • Upload image
Events
  • Done compression
  • Image uploaded
Example

Original file - 1 MB

Compressed - 257KB

Note that it works as expected for bigger files(1MB and bigger), if the file is like 200KB it wont do anything as the file is already small


Demo: https://ezcodepluginsdemo.bubbleapps.io/image_compressor

Editor demo: https://bubble.io/page?version=live&name=image_compressor

Market page: https://bubble.io/plugin/image-compressor-1597221235969x240651226286129150


Follow us on Twitter: https://twitter.com/ezcode_official

Feel free to contact us for any inquiries and we’ll be happy to find a solution for your ideas https://ezcode.co/

10 Likes

does it support upload to your own S3 Bucket?

Hi,
we are planning on adding this feature in future updates.

do you have estimate time for this feature?

Can’t tell you an exact estimation as it’s not on our priority list but more than a week or two for sure.

However if it’s urgently for you, write us a pm here or via our contact form and we’ll discuss what we can do for you.

Este plugin vai ser pago??

Yes, it’s a paid plugin, you can subscribe to it or do a one-time payment.

1 Like

It works like a charm. Thank you

1 Like

Nice, we are glad that you like it :slight_smile:

Hi,

I have been using the plugin for a few weeks, but all of a sudden it stopped working. When I open the console, it looks like Compressor is not defined on my page anymore.

The image compressor is central to my web app. I am not too sure on how to proceed.

This would be great to add the Action to Load an image so that we could compress images that have previously been uploaded.

Hi,
Is the plugin element visible when you run it?
Please give us a link to your app so we could see where is the problem.

Hi, thank you for a good idea, we will add this in the plugin roadmap.

Hi,

Yes it is visible. I “fix” the problem by globally importing the library i.e.<script src="https://cdnjs.cloudflare.com/ajax/libs/compressorjs/1.0.6/compressor.min.js"/>. It did the same thing with one of my personal library i.e. the local import did not work and I had to import the library globally.

I have ping bubble and see if they can figure it out.

Thank you.

1 Like

Good to know that you found a solution, we will take a look if we can do something about it from our side.

Thank you.

Update v1.2

New feature

  • Compress from a image URL

Try it on the demo page

1 Like

Hello @ezdev,

This plugin looks amazing and could perfectly answer my needs. Could you please let me know if the compressed / resized images have then their own url so that my users can use them for social media purpose?

I find a way to compress and resize images to fit some of the social networks requirements.

Many thanks!

Thank you,
Yes there’s an action called Upload image
Screenshot 2020-10-06 at 14.29.05

It will be uploaded in your bubble app.
The link will be available in the state Uploaded image url

You can see an example in our demo editor page

1 Like

Many thanks, it’s perfect ! :+1:t2:

1 Like

Update v.1.3

New feature

Upload directly to your AWS S3 bucket

Screenshot 2020-10-15 at 19.42.06

Also added new related events and states.

Hello @ezdev!

Is it possible to save compressed files as private?