Forum Academy Marketplace Showcase Pricing Features

Using Png Crush/TinyPNG service to reduce image files automatically

It might be a good idea to integrate image reducing services like https://tinypng.com or https://wordpress.org/plugins/wp-smushit/, so image files uploaded to Bubble can use less storage, bandwidth and loading time.

We use imgix which does this already

1 Like

Cool. I see in their site that Imgix support some features on the fly (cropping, blur, watermark etc). Is it possible to use in Bubble now?

there is a few image processing tools in blockspring as well.

1 Like

yes! search for processed with imgix in the dropdown after an image field in the expression composer.

1 Like

Great!

1 Like

I don’t see an option to do a watermark in the :processed with Imgix. How can I go about doing that?

at the end of the source image (whixh is a dynamic url) in the editor panel you can add your own parameters like :
?markalpha=100&markalign=center,middle.
Have a look bellow :

1 Like

I’m confused. Can you please show me more screenshots?

I don’t see any options to have a watermark for each image in this screenshot and don’t understand how to use the Imgix watermark documentation in Bubble. @emmanuel is this possible?

1 Like

I’ve added watermarks to pictures before, it’s very easy.
You can simply put another image that has your watermark on top of the dynamic or static image.

You can create your watermark in photoshop, apply some transparency if you want and save it as .png
You can even add it to an image in a repeatinggroup and there you have watermarks on all the images in the group.

1 Like

Thank you for your help @cho

1 Like