Save Multiple Images for Web in Photoshop

This tutorial is about using the batch option to apply similar settings to the bunch of images. Photoshop has inbuilt function of ‘batch processing’. In this tutorial, you will learn how to use this function to save bunch of pictures for web.

STEPS

1. Select the images on which you want to apply the similar settings. Save these images in a folder so that it would be easy to select them all simultaneously in Photoshop. I am using 6 images but you can do it on as many images as you want.

batch-processing-to-save-multiple-images-in-photoshop-1  

2. Open one image in Photoshop. I am going to record all the actions I will perform on this image and then, I will use this recording to automatically play on every image without my continuous interference. The main step is to make an action recording. For this, there is an action palette right above the layers palette. In case, if it’s not already open, go to ‘windows’ tab and click on ‘actions’.

batch-processing-to-save-multiple-images-in-photoshop-2

3. On the actions palette, create a new action by clicking on the new-action icon at the bottom of the palette.

batch-processing-to-save-multiple-images-in-photoshop-3

4. A dialog box will pop up. Enter the name ‘save-4-web’. Mention any function key. I will assign F12 to this action.

batch-processing-to-save-multiple-images-in-photoshop-4  

5. Click on ‘Record’. It will start saving the actions that I will perform now on this image. In the palette, notice the red button will be turned on.

batch-processing-to-save-multiple-images-in-photoshop-5

6. Now, save this image for-web. Click on file tab in the main menu and select the Save-for-Web.

batch-processing-to-save-multiple-images-in-photoshop-6

7. A window will open. Set the type of the image, its quality, width, and height. Set the color mode of the image to sRGB.

batch-processing-to-save-multiple-images-in-photoshop-7     

8. Click on ‘save’ button so as to save the image as ‘jpeg’ of high quality. Close the image. Now, check the action palette, all the actions that I have done on the image are recorded in it.

batch-processing-to-save-multiple-images-in-photoshop-8

9. Now, all the actions are performed. In order to make this action-set work, press stop button which is present right beside the start recording button.

batch-processing-to-save-multiple-images-in-photoshop-9

10. In order to apply the same actions to every image in the folder, go to file tab in the main menu. Roll over the mouse on ‘automate’ option. Select ‘batch’ from the fly-out menu.

batch-processing-to-save-multiple-images-in-photoshop-10

11. A window will open. In the action tab, select the action ‘save-4-web’. Select the folder in the source tab. Click ‘OK’.

batch-processing-to-save-multiple-images-in-photoshop-11

12. Photoshop will perform these actions on every image in the folder. Enjoy!

batch-processing-to-save-multiple-images-in-photoshop-12

Tags: , , , , , , ,

Author: Revo

Share This Post On

Submit a Comment

Your email address will not be published. Required fields are marked *

two × 3 =

 

Pin It on Pinterest

Shares
Share This