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.
But cropping does work when I save it to the database. So I can’t do it on the fly?
If not, how do you do it on the demo page? I see there is a hidden small image called processing image A but I still am unclear on how you process it and change the on display image
Am I unable to do what I’m looking for with the built-in function? Why does it work in some cases and not in others? I am just trying to crop it to fit its image frame/group.
Or is it something else you are trying to achieve? Please relate a bit more on what you’re trying to accomplish so we can suggest a workaround perhaps.
Now, I am trying to save the image into a Post data type for displaying later, which I am guessing is best to save the original, not any cropped version in case I change the design later. But it’s not clear to me where and how I can apply the built-in process with imgix crop to fit size where it would actually do it. Does that need to be combined with the correct render settings to work?
Thanks for feedback. You can simply use the Bubble’s imgix implementation, but just make sure to have the right settings and everything will work fine.
Here is an example of a panoramic image with image processing but without any settings:
Thanks for feedback. Sorry but we are no longer able to assist, unfortunately, as it is beyond our support services. We shared an example of how it should be working with simple setups. Perhaps your app has different setups that might influence on this matter. You can try to make a separate testing page with just an Image element, and apply the instructions shared above, as a workaround for debugging.
Hi Zeroq team - Will this save the file with the formatted changes so a user could download it later, for example with a sepia effect or does it do the same as Bubble’s implementation, which simply renders it on the screen with the new filters, but doesn’t actually create a new file?
The plugin creates a new file that can be later downloaded by a user. The processed file using Imgix can be saved into the Bubble’s database by assigning an action to a button, which is ‘Create a new thing’.
I basically would like to divide images into a grid. For example, divide a 200x200px image into 4 equal grids of 100x100px and save them as 4 separate images.
Is this possible with Imgix, before I commit to purchasing it?
Hi, I am receiving images from an api call. I need to automatically crop these to 512x512. I purchased the plugin but I can’t figure it out. And the features I need seem to be depreciated? I am very frustrated. Any help would be appreciated.
Hi @daniellefcourt,
Thank you for your message and for using the “Imgix” Image Processing Plugin.
To identify any potential issues with our plugin within your app, we require more information regarding your specific use case.
It would be great if you could provide screenshots and screencasts demonstrating your workflow setup, the plugin element, the encountered issue, and the expected outcome. For recording screencasts, we suggest using the Loom tool.
To gain a better understanding of your use case, please record a step-by-step video with the browser’s console enabled to capture any error messages, if present, and share the link with us.
By providing these details, we will be able to replicate your configuration on our end and investigate the issue thoroughly.
Once again, thank you, and we eagerly await your response.
