How to use TurboCompress:
1. Setup:

  - Place the TurboCompress element on your page (it's invisible).

  - Set the Max Width in the element properties (default is 1024px).

2. Triggering Compression:

  - Use a File Uploader or Picture Uploader input.

  - Create a Workflow (e.g., "When Button is clicked").

  - Add the action: Element Actions > Compress Image.

  - Set Image to Compress to the uploader's value.

3. Saving the Result:

  - Create a second Workflow: Elements > TurboCompress compression_finished.

  - To Save: Use the action "Create a new thing" (or Make changes). Set your image field to: TurboCompress's Compressed Base64.

  - Note: Bubble automatically converts this Base64 string into a file and saves it to S3 for you!

4. UX Tip:

  - Use the state Is Compressing (yes/no) to show a spinner or disable the submit button while processing.

  - Show the user how much space they saved using the Saved Bytes state!