Instructions for installing and using the TinyPNG and TinyJPG plugins in Photoshop

TinyPNG and TinyJPG are high quality image compression tools. The article will guide you how to install and use the Photoshop plugin TinyPNG and TinyJPG very simple, easiest.

Adobe Photoshop CC Adobe Photoshop CC for Mac

Instructions for installing the TinyPNG and TinyJPG plugins on Photoshop for Mac

Install the plugin TinyPNG & TinyJPG Photoshop on Mac

Installing this plugin on macOS is quite simple. The download page provides you with 2 files. A file contains a plugin, a file contains a license. You need to copy both files to Photoshop plugin folder as shown below.

1. You will receive a link to the download page via email. Download the two files to your computer.

2. Open Finder and go to the Adobe Photoshop installation directory . The default folder is Macintosh HD / Applications / Adobe Photoshop .... Here you will find a folder called Plug-ins .

3. Open the second Finder window and go to the Download folder. Select both TinyPNG-JPG.license and TinyPNG -JPG.plugin , then drag those two files into the Plug-ins folder .

This plugin is now successfully installed on Mac.

Use the TinyPNG & TinyJPG Photoshop plugin on Mac

Once you've installed this plugin, you can start using it to save compressed JPEG and PNG files with Adobe Photoshop graphics software.

1. Restart Photoshop and open the image file. Check to make sure it's set to RGB, CMYK, lab mode or grayscale.

2. From the file menu, click File> Export> TinyPNG and TinyJPG ….

Do you see the shortcut in the screenshot above? Keep reading if you want to use this plugin like a pro.

3. The Photoshop plugin dialog box displays a compressed PNG image preview window. You can type the file name and optionally resize the image or folder location. Click Save . It's done!

Instructions for installing the TinyPNG and TinyJPG plugins on Photoshop for Windows

Install the TinyPNG & TinyJPG Photoshop plugin on Windows

The download page provides the installer for Windows and the license file. You need to run that installation file, then copy the license file into the Photoshop plugin directory as shown below.

1. Once you have purchased this plugin, you will receive a link to a download page. Here, you can download both the installation file and the license.

2. Now launch the installer. This action will copy that plugin into Photoshop CS5, CS6, CC, CC 2014, CC 2015, CC 2017, CC 2018, CC 2019 or CC 2020 folders.

If you are using a virus scanning tool like Avast Business Antivirus or AVG AntiVirus and encounter an installation error, you may need to temporarily disable it.

3. Use Explorer to copy the TinyPNG-JPG.license file from the download folder into the Photoshop plugin directory. The plugin directory is located at: C: \ Program Files \ Adobe \ Adobe Photoshop ... \ Plug-ins .

If you are using a 64-bit version of Windows, you need to duplicate the license file twice. Photoshop always resides in both Program Files & Program Files (x86) files.

Now the Photoshop plugin has been successfully installed on the computer.

Use the TinyPNG & TinyJPG Photoshop plugin on Windows

Once this plugin is installed, you can use it to save the compressed PNG file into Adobe Photoshop.

1. Restart Photoshop and open the image file. Make sure it is set to RGB, CMYK, lab or grayscale mode.

2. From the file menu, click File> Export> TinyPNG and TinyJPG.…

3. The Photoshop TinyPNG and TinyJPG plugin dialog boxes will display with a preview of the compressed image. You can enter a name in the Filename field, the option to resize the image or the folder location. Click Save to complete the process.

Above is how to install Photoshop TinyPNG & TinyJPG plugin on Mac and Windows. Hope the article is helpful to you.

Tips & tricks

Below you will find a few tips and tricks which may come in handy when using the plugin.

• You can save part of your image by creating selections. Use the Marquee Tool to create the selection and choose File > Export > TinyPNG and TinyJPG. The preview window will now show this selection and will say Exporting selection at the bottom. Hit Save and your selection will be saved.

• You can also save part of your image by using slices. Use the Slice Tool to create a slice. The currently selected slice will be indicated by a yellow border. Optionally give your slice a custom name by right-clicking and selecting Edit Slice Options.... The custom slice name will be used for the file name instead of the image name. Then choose File > Export > TinyPNG and TinyJPG. The preview window will now show the user slice and will say Exporting slice at the bottom.

• In Photoshop you can add a keyboard shortcut to the plugin. To do this select Edit > Keyboard Shortcuts.... Navigate to Application Menus > File > Export > TinyPNG and TinyJPG... and press your favorite key combination. For example you can press ⌘+⇧+P. Photoshop will alert you in case the combination is already taken. 

• You do not need to worry about color profiles. The images are converted automatically in sRGB for maximum compatibility across browsers and devices.

• You can use Photoshop scripting to control the plugin with JavaScript, VBScript or AppleScript. This is very handy for manipulating images. Using this technique we have created example scripts that compress JPEG and PNG files and an example that exports Layer Comps to optimised images. You can download the scripts and copy them into your Scripts folder in Photoshop. New menu items will appear under File > Automate and under File > Scripts after copying the scripts to Photoshop.

• The plugin supports batch automation. First you will need to create a Photoshop action that uses the plugin. When creating the action make sure to leave the suggested file name unchanged. You can then choose File > Automate > Batch.... In the dialog window that now appears you can select the newly created action from the drop-down. Under Source you can select the folder with all the images you want to compress. The Destination needs to be set to None, because the plugin saves the JPEG and PNG files to its own folder. You can change this folder in the actions panel. Double click on it to select a different destination.

• MacOS supports tabbing through dialogs, but this is switched off by default. You can switch it on in System Preferences. Navigate to Keyboard and then click on Shortcuts. Select the radio button All controls shown at the bottom. Once switched on you can tab through the preview dialog and use the spacebar to press buttons. Full keyboard access can also be activated with the key combination Ctrl+fn+F7.

• The plugin supports RGB, CMYK, lab and grayscale images. There are some image formats the plugin does not support. These are multichannel, duotone and indexed image files. The TinyPNG and TinyJPG menu option will be grayed out for these images. If you wish to export these image formats with the plugin, you can first select Image > Mode > RGB Color and the TinyPNG and TinyJPG menu option will be active again.

• Photoshop artboards are supported. First select any artboard or a layer within an artboard in your Layers panel. Then choose File > Export > TinyPNG and TinyJPG to bring up the preview window and save the currently selected artboard.

• The plugin compresses images offline, on your own computer. No information about your usage is shared and no internet connection is required.

Known limitations

• The Export menu can be greyed out. To fix this you will need to change the color mode of the image by selecting Image > Mode > RGB Color and Image > Mode > 8-Bits/Channel. After making these changes you should be able to export the image with the plugin.

• Optimising JPEG images with the plugin can result in slightly bigger output than with the web service and API. The reason this may happen is that in Photoshop only the raw image data is available, whereas the web service and the API also know the previous JPEG compression level.