Image Optimizer/Compressor

Husnain Ahmed

Last Update 2 years ago

Description

🔗 Demo page: https://chakor-plugin-demo-3.bubbleapps.io/version-test/image_optimizer_compressor
🔗 Editor link: https://bubble.io/page?id=chakor-plugin-demo-3&tab=Design&name=image_optimizer_compressor&type=page

🚀 Elevate your Bubble app with this versatile image optimization and uploading plugin! Empower users to upload, compress, resize, and watermark images effortlessly within your application, delivering optimized visuals ideal for web and marketplace needs.


Key Features:

  • Customizable Image Compression: Compress images to reduce size while maintaining quality, with adjustable compression levels.
  • Resizing Options: Automatically resize images to fit your requirements or retain original dimensions.
  • Watermarking: Add text or image watermarks for branding or copyright protection.
  • Multifile Upload Support: Upload multiple files simultaneously with a customizable limit.
  • Supports All Image Formats: Upload and optimize popular formats like PNG, JPEG, and more.

Instructions

  1. Install: Add the plugin from the Bubble Marketplace. 🛒
  2. Place on Page: Drag and drop the Image Optimizer element onto your page. 📦
  3. Configure Settings: Set the maximum number of files allowed. Choose compression quality and image resizing preferences. Add a watermark (text or image) if desired. ⚙
  4. Customize Design: Update the label text for the upload button. Modify colors, fonts, and sizes to match your app's style. 🎨
  5. Trigger Workflows:Use the images_uploaded event to trigger workflows after successful uploads. 🔄
  6. Test Your Plugin: Preview the page and test image uploads, ensuring all settings work as expected. 👁️

Was this article helpful?

0 out of 0 liked this article