Templates Plugins Courses

Image processing using Imgix - New Plugin from Zeroqode

This amazing plugin will enable you and your users to process any images with multitude of cool effects using Imgix image processor. For example it can adjust the brightness and contrast, apply multiple color effects like blur, sepia and monochrome, add branding to your images by printing a watermark into any uploaded image, overlay text or detect faces and much more. To use this plugin you would need to sign up at https://www.imgix.com/ and obtain Imgix Webproxy Source’s Domain as well as the secure token.

When ready, simply place the plugin element on the page and set it up in the workflow. You have to link the original image in workflow to apply necessary filters and changes.

This is a quick demo: https://zeroqode-demo-03.bubbleapps.io/image_processing
and this is the plugin page: "Imgix" Image Processing Plugin for Bubble | Plugin for Bubble by Zeroqode

Thanks
Levon Terteryan
Founder @ Zeroqode & Bubblewits

zeroqode-for-web-160x120

Bubble Templates
Bubble Plugins
Bubble Courses
Convert Web to iOS & Android
No-code Development Services

1 Like

Hey Levon

I downloaded this plugin, but then saw the limitation that Imgix can only be applied to images hosted in application data.

Is there any easy way to migrate externally hosted images to an internal Bubble host?

Oli

Hi Oli,
here is a quick demo how to do that
Editor: https://bubble.is/page?type=page&name=ext_image_to_bubble&id=zeroqode-demo-12&tab=tabs-1
Preview: https://zeroqode-demo-12.bubbleapps.io/version-test/ext_image_to_bubble?debug_mode=true
Thanks

Great job guys this is a really good plugin. It is a 5 stars plugin :smile:

1 Like

thanks a lot, appreciate it

Hello,

Is there a way to integrate multiple “adjustments” on the same picture in a workflow ?

So my picture more brightness, gamma and exposure

Can you share a quick demo ?

Thanks

Hello, yes, that should be possible
here it the demo page (although it doesn’t cover what you requested but just adding more workflow steps in the sequence should be sufficient
https://zeroqode-demo-03.bubbleapps.io/image_processing

I am using a Aircolorpicker to custom the tex colort on the picture.

Basically, the aircolor picker gives a color value, hex format (like #FFFFFF).
Then I insert a dynamic data"Aircolorpicker’value" in the imgIX plugin in the text color field.

I receive an error message. I feel like imgIX don’t recognize the variable.

Do you know how to handle it ?

Thanks

try to use custom state in between. So assign aircolorpicker value to the custom state first and then user that custom state’s value in the plugin

Tried but cannot make it work…

Do you mind sharing a demo ?

Hi @levon

I would like to know if the plugin supports nudity/pornographic image detection. I am using this plugin and I can find a way to enable that. I was able to upload a nudity picture.

Thanks,

Clovis

Hi Clovis,
at the moment this plugin doesn’t have that functionality i’m afriad

Hey @levon,
I discovered this plugin through your e-course. It’s pretty awesome.
Could you maybe help out with configuring imgix? My use-case is adding the plugin to the user registration flow of the Hackerly template. (to center profile photos and to monochrome product logos).

My questions is about
-Choosing my subdomain: Is that the url of my bubble app? (I still haven’t gone Live with my app)
-Image source: Is it amazon S3 or web proxy? (again, I’m using the same setting and flow as the Hackerly template)

Any inputs would be great
thanks!

Hello @molnargezabence, thank you for reaching out!

Here are the answers to your questions:

After the registration on https://www.imgix.com/ you will have the option to insert the name of the subdomiain. Just insert the name you want and then take resulted subdomain from there.​

You can use Amazon S3 or just point the source to Bubble Database.

Best Regards,
Alex

1 Like

Thanks @alex.grimacovschi!

Dear friends!

We have updated the design of our Image processing using IMGX plugin! :tada:

https://zeroqode-demo-03.bubbleapps.io/image_processing

Hope you will like it! Cheers!
:slightly_smiling_face:

Hi everyone!

We have made a few updates with this wonderful plugin again. :slightly_smiling_face:
Now, the plugin element is simplified, and it is more convenient to use it. Plus, we have created documentation for this plugin to make it even easier to use it. Hope it helps!

Documentation: Slite
Demo page: https://zeroqode-demo-03.bubbleapps.io/image_processing

:star:

Hi is there any way to process a list of images as opposed to just one?

Thanks!

Figured it out in case anyone else is wondering the same thing, had to use ListShifter and was able to get it working.

Hello @Justin.J
Apologies for the late reply due to the weekend.

It’s good to hear that you were able to find a suitable alternative. However, I would like to point out that this is possible with our plugin. Multiple images can be processed with the correct setup in the Conditional within plugin element.

Sorry that we could not help you at that moment in time. In case of any additional questions will appear - please let me know.

Best regards,
Gulce.