VivienChinos Photography

batch save for web in photoshop

In this article, you will learn how to batch save for the web in photoshop and the advantages of doing it. You have probably been told not to save a file as a web-optimized file. But there are a lot of people who do not know the difference between a web-optimized and regular saved format.

READ ALSO: How to clean your DSLR camera

In short, you can use some settings from your regular image file to create a new one with optimized dimensions for web content. You will learn how to make your image responsive without having to worry about its dimensions changing when viewed on different devices or screen sizes.

Photoshop Batch save for Web

To apply the settings to all images, click on “File” > “Automate” > “Batch”. Then you choose an action to be performed. Go to the folder where your image files are saved and select them all. Hit ok and wait for Photoshop to process them.

When this is done, you will see your images have been optimized for web usage. This means that they are saved as JPEG files with a maximum dimension of 1024 pixels in width or 2048 pixels in height—you can’t go beyond that limit because that’s what web content is all about—smaller sizes are automatically resized when viewed or downloaded on different devices. You won’t lose quality because of lossy compression (RGB color format).

READ ALSO  Sony A6400 kit lens vs Sony 50mm portrait lens

In Photoshop, you can optimize images individually by going to “File” > “Optimize for web” and applying the same settings of maximum dimensions. But, you can save a Batch of your images with optimized dimensions and submit them all at once using the same settings. This makes it much easier if you have lots of images you need to submit at once.

You can batch-save images in Photoshop with these settings:

1) In order to get image files optimized for the web, on the top-right menu bar, go down to “image”, then select “adjust size”. In that window, check on “web page” and zoom out on the preview area. You can choose to select one or two colors of your image or specify the number of pixels.

2) With the drop-down menu, you can choose to save it as a JPEG file. Then you click on “OK”.

3) You’ll see that Batch File dialog box. Choose the location where you want your files saved, then check on “use folder names” and pick at least one subfolder to organize them by date. Keep the option “Make subfolders” unchecked, because it will automatically create subfolders if there’s no other option than to save them on the same level as the main folder. Then you click on “save” and your batch process will start.

4) When this is done, you will see that all your web-optimized files have been saved into their respective folders and they are named as “filename_1024x768”, “filename_1280x720”, and so forth. This way, you can monitor the process and see if there’s a problem with any of them. A new layer named “Batch” is added at the top of each image file. You can remove it by right-clicking on it and selecting “delete layer mask”.

READ ALSO  How to make a watermark in Photoshop

Save for web photoshop action

Photoshop workflow is made easy by the existence of ACTIONS. By the use of actions, photoshop tasks that might need to be repeated might not be so stressful emploring the advantages of Photoshop actions. For an expansive tutorial on how actions work in Photoshop…

CHECK OUT ALSO: How to use Actions in Photoshop

Now you can easily access and submit your images on the web. Remember to apply the same settings to all those images. If you want to change those settings, now is the time because Photoshop won’t apply them again.

Before saving files as web-optimized, I like to check on “Pixel dimensions” and “Image quality”. The former is already done for me as I’ve chosen that option when applying size adjustments. The latter isn’t needed since my normal image doesn’t degrade in quality by having a smaller size. But if you have an image with bad quality, this setting may help you clear it up a bit so the file will be sized properly for its web use instead of a regular printed copy.

Web Image Optimization

This is an example of a web-optimized image. It doesn’t show much in the preview, but when I go to my blog, it shows nicely with no problems. The text will fit well on the screen. Those are just some options you have when you batch-save images in Photoshop.

You can also optimize your image for the web from your computer by going to a preprocessed file and selecting “Export for web”. Then choose a preset size for the file type and check on “optimize for web”. I find this easier to make all my images at once, rather than going through them one by one. But the Photoshop way is much faster.

READ ALSO  HOW TO COLOR GRADE SKIN TONES WITH COLOR RANGE TOOL

By reading this article, you’ve learned how to optimize your images for the web by batch saving them with Photoshop. This process will save you time and worry about online content and images of varying dimensions and quality. They can all be saved in one go and optimized with just a few clicks of the mouse.

1 thought on “batch save for web in photoshop”

Leave a Comment