In previous posts, we have learned that website speed matters in Google ranking and massively-sized images will have a negative impact on load perform
In previous posts, we have learned that website speed matters in Google ranking and massively-sized images will have a negative impact on load performance. Image optimization is necessary and we can keep the balance between load speed and images with high quality. That is “Save for web” in Adobe Photoshop.
We get a question that what to do if we have to compress more than 100 pictures. Be patient, you will find the answer in the following content.
Adobe Photoshop is a professional image processor and famous for its creative capabilities. In general use, we only take one picture as an object and ignore its batch process. You will scratch your head if you are facing with more than 100 images achieved in a folder. Easy, repeating the same optimization process in Photoshop is tedious and time-wasting. Now, you can make use of “Actions” feature in Adobe Photoshop and batch save for web.
Batch save for web step by step.
Step 1: Get all of your images ready in a folder. Create a new folder with a name like “image-compressed”.
Step 2: Drag and drop one of the images onto the Photoshop.
Step 3: Go to “Windows -> Actions” to open Action panel.
Step 4: Create a new action and specify a name for the action like “batch save for web”. And then, click the “Record” button to record your actions.
Step 5: Process “File -> Export -> Save for Web(Legacy)”. Configure the image size, quality, and format in the promoted dialog. Save the compressed images into your specified folder. (Attention, this step is important!) When finished, Photoshop has recorded all your actions. Now, you can stop recording by clicking the “Stop recording” button.
Step 6: Go to “File -> Automate -> Batch” and open the “Batch” dialog. Choose “batch save for web” action and source folder where you place original images. Then click “OK”. The batch process gets to work and all compressed pictures will be placed in the destination folder.
Tips: No need to set the destination folder in the Batch dialog once again. End the action with the destination option “None” or “Save and Close”. This option is for the original images rather than the output and compressed images. The destination folder for the optimized images has been recorded when you are saving the first image for web.
Image optimization is absolutely crucial for your SEO campaigns and improving your website performance. Not to mention the user experience. So, please always remember to reduce the image size as much as possible.
Of course, you may have tried several online or offline tools to optimize your images for the web. But after years of practices, I still prefer to using the “Save for Web” command in Adobe Photoshop. With the help of this article, you have learned the batch process for saving for web. I believe you are capable of reducing the image size, at the same time, keeping the eye-catching quality.