Below is a tutorial on the basics of batch processing product images for uploading to your Woocommerce store.
In order to compress the images after resizing, you will need to buy and install the Tinypng Photoshop plugin. Available here:
The instructions for installing the neccesary TinyPNG Photoshop scripts for automation are here:
If you would prefer to create a batch process (rather than use the scripts– useful if you want to automate even more of this workflow), here’s a link to good step-by-step instructions on how to create an Action to batch process with TinyPNG Plugin:
2,178 Best Photoshop Plugin Free Brush Downloads from the Brusheezy community. Photoshop Plugin Free Brushes licensed under creative commons, open source, and more! In This article i will share The Best 8 Free Photoshop plugins For Graphic Designing & Editing. DOWNLOAD LINKS -:http://photoshopcctutorial.com/best-free. Apr 03, 2019 Screen cap of the TinyPNG plugin automation scripts in my Scripts folder (Mac) If you would like to use the Photoshop resizing actions I created to do the initial resize processing of the images, first download my Nick’s Actions.atn file from Dropbox.
The link to download the TinyPNG Photoshop plugin scripts you will need to install:
https://github.com/tinify/photoshop-scripts/tree/master/Adobe%20Photoshop/Presets/Scripts
https://github.com/tinify/photoshop-scripts/tree/master/Adobe%20Photoshop/Presets/Scripts
You will only need the first three scripts from the download page.
If you would like to use the Photoshop resizing actions I created to do the initial resize processing of the images, first download my Nick’s Actions.atn file from Dropbox.
There are two actions in the file, one to convert images to 800×800 square, and one to resize an image to a max size of 1024 in either orientation (so you can see the difference in the two, the 800×800 resizes the canvas to make the finished image square, the 1024×1024 action does not).
Dropbox link to actions:
Dropbox link to actions:
To install the actions, follow this from Adobe:
To create your own set of actions, check out this Adobe tutorial:
https://helpx.adobe.com/photoshop/using/creating-actions.html
https://helpx.adobe.com/photoshop/using/creating-actions.html
Below is a screen cap of the order actions I recorded to create the two actions. The “File or folder not found.” warning under Open in each action is AOK. You will point Photoshop to the files during the batch process.
Image Compressor Png
Before you begin the batch process, make sure all of the images you want to process are in one folder. Create a new folder for the destination of the process images.
In this example, I have the original supplied files at high resolution, in various formats (.tif, .jpg, etc.) in the SUPPLIED ORIGINALS folder.
In this example, I have the original supplied files at high resolution, in various formats (.tif, .jpg, etc.) in the SUPPLIED ORIGINALS folder.
*If you have layers Photoshop .psd files in your originals folder, you will have to add an extra step in the actions to flatten the layers right after opening.
The 800×800 folder will be my processed images destination folder.
Remember, all images in the folder will be processed, regardless if they are in subfolders. The original images will remain unchanged, the actions will create new versions.
Remember, all images in the folder will be processed, regardless if they are in subfolders. The original images will remain unchanged, the actions will create new versions.
Once the actions have been loaded into Photoshop and your folders and original images are good to go, go to File>Automate>Batch to begin the batch process.
The Batch dialog window will open. Here are the settings I used in this example:
The source folder will be your original images. Check the boxes below the file path. You can set the error file destination, if you like. It is useful for troubleshooting.
On the right side, choose the Destination folder you created, Beside to check the Override Action “Save As” Commands to append the processed file names.
In this example, I wanted to add Schooner Bay Co as the first part of the file name, be sure to add a space, – or _ to separate the name from the rest of the file name information (otherwise it will all run together). I don’t need a space after document name (which is the original file name minus the extension). The _ in _800x800 will separate that part from the original file name.
You shouldn’t have to worry about checking any of the Compatibility boxes in this case.
No click OK and watch the magic happen. If you have a lot of images and they are large, you might want to separate the originals into batch folders (you can still use the same destination folder).
My original files folder in the case was 15.04GB, big and I processed the entire folder in one go. I just went and got a beer (or two), it took about 2 hours to process on my late 2013 MacBook Pro with 8GB RAM.
Below are the finished files vin the destination folder with their now more SEO friendly naming convention:
In this example, I wanted to add Schooner Bay Co as the first part of the file name, be sure to add a space, – or _ to separate the name from the rest of the file name information (otherwise it will all run together). I don’t need a space after document name (which is the original file name minus the extension). The _ in _800x800 will separate that part from the original file name.
You shouldn’t have to worry about checking any of the Compatibility boxes in this case.
No click OK and watch the magic happen. If you have a lot of images and they are large, you might want to separate the originals into batch folders (you can still use the same destination folder).
My original files folder in the case was 15.04GB, big and I processed the entire folder in one go. I just went and got a beer (or two), it took about 2 hours to process on my late 2013 MacBook Pro with 8GB RAM.
Below are the finished files vin the destination folder with their now more SEO friendly naming convention:
Now time to Tinyfy!
Once you have processed your images to 800×800, it’s time to compress them. Tinypng is the best compression I’ve found- it’s tough to tell the original from the compressed file.
If you are a nervous nelly and don’t want to take the chance of ruining all of that hard batch processing work- you can create a new folder for the images you are about to compress and append the 800×800 name with tiny, or whatever will hep you identify the difference. Then duplicate all of the images from the 800×800 folder in the new 800×800 tiny folder. If you don’t have the hard drive space, skip this and rejoice in the risk you rebel, you.
To begin the tinyfy batch process, go to File>Automate>Compress Folder with JPEG Images … (Mac) or Scripts>Compress Folder with JPEG Images … . We use this choice because when we ran the 800×800 action, it converted our processed files to .jpg format. How awesome is that?!
If you want to compress a single .png or .jpg file, choose the Compress File … option and then choose the file you would like to compress.
If you want to compress a single .png or .jpg file, choose the Compress File … option and then choose the file you would like to compress.
This dialog box will pop up. Scare tactics!
The Compress Folder with JPEG Images … option in Automation will overwrite the files in the chosen folder with the compressed version.
Click Yes to then choose which folder and files you are going to compress.
The Compress Folder with JPEG Images … option in Automation will overwrite the files in the chosen folder with the compressed version.
Click Yes to then choose which folder and files you are going to compress.
As I’m a rebel and didn’t copy my 800×800 images over to a new 800×800 tiny folder, I’m going to compress the 800×800 folder.
Choose the folder you want to compress and click open to begin the process.
Choose the folder you want to compress and click open to begin the process.
If you have a lot of images, this could take a an hour or two (or more if you computer is slow).
From 58 KB to 15 KB, now that’s some space savings!
As an example of why this is important to do for the sake of your sites size and speed. Here’s the file size of the originals, the 800×800 processed images and then the tinyfied folder info. for comparison:
That’s some serious disk space savings!
TinyPNG / TinyJPG Photoshop Plug-in 2.3.0 MacOSX | 12.32 MB
Smart PNG and JPEG compression - Optimize your images with a perfect balance in quality and file size. TinyPNG uses smart lossy compression techniques to reduce the file size of your PNG files. By selectively decreasing the number of colors in the image, fewer bytes are required to store the data. The effect is nearly invisible but it makes a very large difference in file size!
Why should I use TinyPNG?
PNG is useful because it's the only widely supported format that can store partially transparent images. The format uses compression, but the files can still be large. Use TinyPNG to shrink images for your apps and sites. It will use less bandwidth and load faster.
How does it work?
Excellent question! When you upload a PNG (Portable Network Graphics) file, similar colors in your image are combined. This technique is called 'quantization'. By reducing the number of colors, 24-bit PNG files can be converted to much smaller 8-bit indexed color images. All unnecessary metadata is stripped too. The result: better PNG files with 100% support for transparency. Have your cake and eat it too!
Is it supported everywhere?
Excellent question! The files produced by TinyPNG are displayed perfectly on all modern browsers including mobile devices. Still need to support Internet Explorer 6? It normally ignores PNG transparency and displays a solid background color. With TinyPNG the background becomes transparent again. Binary transparency without any workarounds!
Can I use animated PNG?
Excellent question! Chances are animated PNG (APNG) will get very popular soon. For several years Firefox and Safari have supported APNG. And in July 2016 Google decided to start developing APNG support for Chrome. Right now Microsoft Edge, Chrome and Opera will just show the first frame of your animation which you can also hide from supported browsers.
What about Photoshop?
Excellent question! Only Photoshop CC 2015 can save images as indexed PNG files with alpha transparency. With other versions it is impossible and Photoshop CS5 cannot even display them properly. You can use Save for Web to export your images as 24-bit transparent PNG files and upload them to TinyPNG. We'll convert them to tiny indexed PNG files. You can also install the TinyPNG Photoshop plugin. It allows you to scale, preview and save compressed PNG and JPEG images straight from Photoshop.
Compressing images just got a whole lot easier
Save your compressed JPEG and PNG images directly from Photoshop. Install the plugin and you will be ready to go. A new menu option will appear in Photoshop from where you can resize, preview, select a folder and save your images.
Preview and save directly
No need for additional steps in your workflow. Directly save your images with exceptional JPEG and PNG compression.
Image scaling and partial selection
Scale your images to save them in different sizes. Use the marquee tool and create selections to export part of the image.
Automatic JPEG and PNG quality
You no longer need to worry about optimum file sizes. The plugin analyses your image and sets the quality intelligently.
Worry-free color management
Images are converted to sRGB for maximum compatibility. Whether you use color profiles or not - it just works.
What's New in Version 2.3.0:
- Added CC 2015 support.
Free Plugin For Photoshop
- Added JPEG support to the Photoshop plugin.Tinypng Plugin For Photoshop Free Download Cs6
System Requirements:
Tinypng Plugin For Photoshop Free Download Version
- OS X 10.8 or higher.
- Photoshop CS5, CS6, CC, CC 2014 and CC 2015.
Homepage
Tinypng Plugin For Photoshop Free Download Free
Tinypng Plugin For Photoshop Free Download For Pc
Uploaded.net:
k9u79.TinyPNG..TinyJPG.Photoshop.Plugin.2.3.0.MacOSX.zip
Filescdn.com:
k9u79.TinyPNG..TinyJPG.Photoshop.Plugin.2.3.0.MacOSX.zip
uploadgig_com:
k9u79.TinyPNG..TinyJPG.Photoshop.Plugin.2.3.0.MacOSX.zip
k9u79.TinyPNG..TinyJPG.Photoshop.Plugin.2.3.0.MacOSX.zip
Filescdn.com:
k9u79.TinyPNG..TinyJPG.Photoshop.Plugin.2.3.0.MacOSX.zip
uploadgig_com:
k9u79.TinyPNG..TinyJPG.Photoshop.Plugin.2.3.0.MacOSX.zip