TinyPNG Compress/resize image/S3

Demo to preview the settings

Introduction

Connect with TinyPNG services for fast image compression and resize, with Amazon S3 compatibility

➡️ Features

This plugin connects with TinyPNG services and offers fast image compression and resize
➡️ Compress images ➡️ Resize images ➡️ Send file to Amazon S3
Image without caption

How to setup

The plugin works through the TinyPNG API and requires that you have an API key to use their services.
First, go to the TinyPNG developer website and create an account.
Image without caption
Once on your developer dashboard, create and copy your API key.
Image without caption
Finally:
  • Paste your API key in the plugin settings, under the Password field.
  • Set the Username field to "api"
Image without caption

Plugin API calls

Plugin Data Calls

Use a previously compressed image
Upload and compress an image

Plugin Action Calls

Upload and compress an image
Resize an uploaded image
Convert and transform an uploaded image
Send a resized image to S3
Send a resized image to Google Cloud Storage
Resize an uploaded image (Only scale)

Workflow example

  1. Set an event, for example a button click, to trigger Upload and compress an image action, fill the File field, make sure you use a valid image url, for example if you use Bubble Picture uploader you have to append ‘https:’ to the value
Image without caption
  1. If you want to upload the resulted compressed image to Amazon S3, you can use Send a resized image to S3 call. For the file value use the result of the Upload and compress an image call location header
Image without caption
Make sure you filled your Amazon S3 credentials in the plugin settings:
Image without caption
  1. If you want to use the compressed image in your workflow, you can access it using Use a previously compressed image call, like so:
Image without caption
Once again, the Url value should be the header’s location returned from the Upload and compress an image call
  1. For resizing images you can use Resize an uploaded image call as in the picture below:
Image without caption
Image without caption

Changelogs