Now try this with a group of images at the same time: Repeat the above steps, but click on the JPG button instead. Now open a JPG in Photoshop, create a new action named “Tiny JPG” and hit the record button.Click on the PNG button and select the Processed Art folder as the target and hit the save button.Open the Actions palette, click on the Create new action button, then name the action “Tiny PNG”.Create a folder on your desktop, naming it whatever makes sense (“Processed Art” or whatever).You can process a ton of images quickly and in many ways. Do a search for Photoshop automation for detailed instructions. Here’s something for those who have not used automation in Photoshop. Depending on the image, you can distort it to a narrow width (as much as 25% for a blurry image such as soft clouds) and use Hype to stretch it to the correct proportions, thereby saving on the load time. If we want to use a huge image, such as a PNG image of translucent clouds, you don’t have to use a full-width image in your project. One more thing – An old trick that web designers have been using for twenty years to save load time (kind of a big deal in the days of V.32bis modems) is to take a gradient that is only 1 px wide and tiling to fill a background. In many cases it is best to create an empty target folder on your desktop and point the batch to that folder, then copy the processed files back to the source folder. If you set up a batch operation in Photoshop, the replace & close functions can be goofy, transforming the files but then closing without saving (a Photoshop issue).

To convert manually choose export, select the plug-in, specify PNG or JPG and set the output location.

Examples compared with PS save for web / PNG: Logo – was 113 K, now 6K Flow chart – was 194K, now 54 K. The plug-in costs $50 (and is worth every penny) and there is a free drag- and-drop converter on their website that can handle up to 20 files at once. The Photoshop plug-in TinyPNG-TinyJPG from Voormedia will slim your PNGs and JPGs way down.

Tinypng photoshop