Seamlessly compress your images before saving to bubble s3 while maintaining quality, reducing storage costs and improving load times!

⚠️PLEASE READ QUICK DOCUMENTATION HERE 👉🏼 https://cutt.ly/compressor-docs


Core Features:

🚀 Intelligent Compression

- 4 compression levels for perfect balance between size and quality.

- Smart algorithm preserves image clarity while significantly reducing file size.

- Supports JPEG, PNG, and other common image formats.


📊 Real-Time Analytics

- Live size comparison between original and compressed images.

- File size tracking in KB.

- Compression ratio monitoring.


🔄 Versatile Input Options

- Direct URL compression.

- Local Upload form user Gallery

- Handles DALL-E and AI-generated images.

- Cross-origin image support.



💾 Flexible Storage Options

- Choose when to save to Bubble CDN

- Automatic file naming and organization.



⚡ Performance Benefits

- Reduce storage costs by up to 80%

- Faster page load times

- Optimized bandwidth usage

- Better user experience


🛠️ Technical Specifications

- Compression ratios: 80% (Level 1) to 20% (Level 4) of original size.

- Maintains image orientation and metadata.

- Processes images client-side for speed and maximum efficiency.

- High-quality smoothing algorithms.

- Error handling and fallback mechanisms.


Use Cases: 🤌🏼

- User profile photo uploads

- Product image galleries

- Real estate photo management

- Social media platforms

- Document management systems

- Portfolio websites

- E-commerce product catalogs


INSTRUCTIONS 🪧

1️⃣ Drop the "Compression" Element on the Page (must be visible on page load).

2️⃣ Pass in the image URL into the "Image URL" field.
If you choose to leave this field empty you must use the "Upload from Local" Action to Upload Image to be compressed.

3️⃣ Choose compression levels 1-4 depending on how much you want image to be compressed.

4️⃣ To Start compression used the "Start a compression" Action.

________________________________________________


The element exposes the following states:

- Compressed Image - The compressed Image in Base 64 format.
- Is Compressing? - Returns yes when compression is ongoing and vice versa (Boolean).
- Original Size -  The original size of the Image in KB.
- Compressed Size - The compressed size of the Image in KB.
- Saved Image URL - The URL of the image saved in Bubble CDN.
- Uploaded Image - Initial Image URL passed in through "Image URL" field or newly uploaded image form your local storage.

_____________________________________________

Editor: https://plugins-by-eny.bubbleapps.io/version-test/compressor

Preview/Docs: https://cutt.ly/compressor-docs