Image Compressor and Uploader

Demo to preview the settings

Introduction

Optimize your images before they ever hit your server. This plugin compresses and resizes images directly in the browser, then uploads them seamlessly to Bubble or AWS S3—saving bandwidth, storage, and load time without compromising visual quality.
Perfect for apps that care about performance, cost, and user experience.
Supports All Major Image Formats:
PNG • JPEG • SVG • WebP • HEIC (iOS)
NOTE: Converting any image to WEBP will not be possible on iOS devices and Safari browser
Image without caption

How to setup

Step 1 – Install the Plugin

Step 2 – Add the Plugin Element to Your Page

Step 3 – Configure Properties

Plugin element - Compressor

This element handles client-side image processing, including compression, resizing, format conversion (including HEIC), and optional thumbnail creation. It also supports watermarking, size tracking, and Base64/file conversions, publishing results and events back to the app.
Image without caption

Fields

Exposed States

Element Events

Element Actions

Workflow example

Select and Compress one image

Compress from URL

Select and Compress multiple images

Image without caption

Changelogs