TinyPNG ExpressionEngine Add-on

Visit TinyPNG for more information.


  1. Sign up for the Developer API and get your API key
  2. Download the zip file
  3. Create the directory tinypng in /system/expressionengine/third_party/
  4. Upload the files into the new directory
  5. Login to ExpressionEngine
  6. Click Add-Ons -> Extensions
  7. Click Install on the TinyPNG row
  8. Click Settings on the TinyPNG row
  9. Enter your API key and click Submit
  10. You're done

Any image you upload will be made smaller with TinyPNG. Your original file will be stored in a folder called _original. You can still use your original file if you wish.

Example usage

To use the TinyPNG version of the image.

{exp:channel:entries channel="pages" limit="1"}
    <img alt="{title}" src="{image}" />

TinyPNG version

To use the original image.

{exp:channel:entries channel="pages" limit="1"}
    <img alt="{title}" src="{image:original}" />

Original version

Change Log

Version 1.0.3

April 15th, 2015

Bug Fixes:

  • EE was showing an error when uploading a file that already existed.

Version 1.0.2

March 27th, 2015

Bug Fixes:

  • EE was showing the filesize of the original image.

General Changes:

  • Site ID was set to one. It now uses $data["site_id"] to get the site id.

Version 1.0.0

March 24, 2015

Initial release