--- title: Photoshop CS6 ‘Save for Web’ Images Batch processing, keeping nested folder structure intact description: Photoshop CS6 ‘Save for Web’ Images Batch processing, keeping nested folder structure intact image: https://blog.e-zest.com/hs-fs/file-3419135411-png/blog-files/extensions-adobe-exchange.png --- [![e-Zest logo\_An accion lab company\_Colour](https://blog.e-zest.com/hubfs/images/Logos%20with%20Tagline/Corporate/SVG/e-Zest%20logo_An%20accion%20lab%20company_Colour.svg "e-Zest logo_An accion lab company_Colour")](https://www.e-zest.com/) - [WORK](https://www.e-zest.com/our-work) - [SERVICES](https://www.e-zest.com/our-services) - [Product Engineering](https://www.e-zest.com/digital-product-engineering-services) - [Enterprise Data Services](https://www.e-zest.com/enterprise-data-services) - [Digital Commerce](https://www.e-zest.com/digital-commerce-services) - [Digital Operations](https://www.e-zest.com/digital-operations) - [Digital Consulting](https://www.e-zest.com/digital-transformation-consulting-services) - [Digital Experience Design](https://www.e-zest.com/digital-experience-design) - [INSIGHTS](https://blog.e-zest.com/) - [CAREERS](https://www.e-zest.com/careers) - [ENTERPRISE DATA SERVICES](https://www.e-zest.com/enterprise-data-services) - [GENERATIVE AI](https://www.e-zest.com/generative-ai) - [Healthcare](https://healthcare.e-zest.com) - [Contact Us](https://www.e-zest.com/contact-us) - ![Elevating Product Engineering with AI and ML](https://blog.e-zest.com/hubfs/Elevating%20Product%20Engineering%20with%20AI%20and%20ML.jpg) [BLOGS](https://blog.e-zest.com) #### Elevating Product Engineering with AI and ML As technology evolves and customer choices broaden, there is an increasing ... [Read more](https://blog.e-zest.com/elevating-product-engineering-with-ai-and-ml) - ![e-Zest – An Accion Labs Company gets Recognition as a Contender in the ISG Provider Lens™ Study on Digital Engineering Services 2024](https://blog.e-zest.com/hubfs/e-Zest%20%E2%80%93%20An%20Accion%20Labs%20Company%20-%20Gets%20Recognition%20as%20a%20Contender%20in%20the%20ISG%20Provider%20LensTM%20Study%20on%20Digital%20Engineering%20Services%202024.jpg) [NEWS](https://blog.e-zest.com/news) #### e-Zest – An Accion Labs Company gets Recognition as a Contender in the ISG Provider Lens™ Study on Digital Engineering Services 2024 We are delighted to announce that e-Zest – An Accion Labs Company has been ... [Read more](https://blog.e-zest.com/news/e-zest-an-accion-labs-company-gets-recognition-as-a-contender-in-the-isg-provider-lens-study-on-digital-engineering-services-2024) - ![e-Zest Solutions supports Digital Pune Mission](https://blog.e-zest.com/hubfs/blog-files/Digital%20Literacy%20Bus%20e-Zest.png) [CSR](https://blog.e-zest.com/csr) #### e-Zest Solutions supports Digital Pune Mission **Pune, India:** e-Zest Solutions, a leading digital technology innovation ... [Read more](https://blog.e-zest.com/csr/e-zest-solutions-supports-digital-pune-mission) - [Work](https://www.e-zest.com/our-work) - [Services](https://www.e-zest.com/our-services) - [Insights](https://blog.e-zest.com) - [Careers](https://www.e-zest.com/careers) - [Enterprise Data](https://www.e-zest.com/enterprise-data-services) - [Generative AI](https://www.e-zest.com/generative-ai) - [Innovations](https://www.e-zest.com/innovations) - [Healthcare](https://healthcare.e-zest.com) - [About](https://www.e-zest.com/about-us) - [Contact](https://www.e-zest.com/contact-us) - [Blog](https://blog.e-zest.com/) - [News](https://blog.e-zest.com/news) - [CSR](https://blog.e-zest.com/csr) - [![Linkedin Icon](https://blog.e-zest.com/hubfs/icons/linkedin_icon_white.svg)](https://www.linkedin.com/company/e-zest-solutions/) - [![Twitter Icon](https://blog.e-zest.com/hubfs/twitter-logo-silhouette%20(5).svg)](https://twitter.com/ezest) - [![Facebook Icon](https://blog.e-zest.com/hubfs/facebook-app-logo%20(4).svg)](https://www.facebook.com/61259256638) - [![Instagram Icon](https://blog.e-zest.com/hubfs/instagram-logo%20(4).svg)](https://www.instagram.com/ezestsolutions/) - [![Youtube Icon](https://blog.e-zest.com/hubfs/icons/youtube_icon_white.svg)](https://www.youtube.com/user/ezestcorporate) [![Go to top icon](https://blog.e-zest.com/hubfs/AA%20Assets/top%20button.svg)](https://blog.e-zest.com/photoshop-cs6-save-for-web-images-batch-processing-keeping-nested-folder-structure-intact/#top) Hit enter to search or ESC to close Insights e-Zest members share technology ideas to foster digital transformation. - [Blog](https://blog.e-zest.com) - [News](https://blog.e-zest.com/news) - [Podcasts](https://www.e-zest.com/podcasts) - [Healthcare](https://blog.e-zest.com/healthcare) - [CSR](https://blog.e-zest.com/csr) - [Whitepaper](https://blog.e-zest.com/whitepaper) - [Playbook](https://blog.e-zest.com/playbook) - [Media Kit](https://www.e-zest.com/media-kit) # Photoshop CS6 ‘Save for Web’ Images Batch processing, keeping nested folder structure intact [Guruling Kumbhar](https://blog.e-zest.com/author/guruling-kumbhar) Sep 19, 2014 [responsive design services](https://blog.e-zest.com/topic/responsive-design-services) [UI/UX](https://blog.e-zest.com/topic/uix) [responsive design](https://blog.e-zest.com/topic/responsive-design) [Images Batch processing](https://blog.e-zest.com/topic/images-batch-processing) [Technology](https://blog.e-zest.com/topic/technology) - - - - Images are an integral and important part during any website or application development. It has a direct impact on the visual appearance & on the performance of the application/website. Higher in size, images take time to load and it slows down the page loading process. Whereas, inappropriate and low resolution images may be pixelated and they may degrade the look-n-feel of the visual. So to overcome it, we can use the Adobe Photoshop ‘Save for web’ utility which gives us the optimized resolution (72 dpi) images for web use. But when you are required to run ‘Save for web’ & ‘Resizing’ for tons of images, processing each image one by one manually becomes tedious and is a frustratingly time taking task. Photoshop supports recording the actions and the facility to run that action for batch processing. But it also has a couple of limitations up to Photoshop cs6 as mentioned below – 1. Photoshop does not maintain the source, hereditary/nested folder structure for the output (destination) images. Save for web only saves all the files to the folder specified when you record the action. 2. In case of some file handling issues, Photoshop action throws an error & pauses/stops working, wherein we need to skip these errors manually. I I tried to Google it to find answers and also tried couple of JavaScript solutions such as the - [SFW Batch Processor](http://www.ps-scripts.com/bb/viewtopic.php?t=2276), [SFWCS4-5](http://www.ps-scripts.com/bb/viewtopic.php?t=2276), [Picture Processor](http://www.ps-scripts.com/bb/viewtopic.php?f=10&t=3409) etc., but unfortunately all of them didn’t work for me. Either it gave up or stopped working or even threw errors for PhotoshopCS6 and CS2. Thanks to [Russell Brown](http://russellbrown.com/) for providing new CS6 Extension script to resolve the ‘save for web’ batch processing issue like maintaining the images nesting folder structure. **How to Install** ‘***Dr. Brown’s Services’* for Batch processing the Images in Photoshop CS6:** 1\. Go to the windows \> Extensions \>Adobe Exchange   ![Adobe Exchange](https://blog.e-zest.com/hs-fs/file-3419135411-png/blog-files/extensions-adobe-exchange.png?width=600&height=500&name=extensions-adobe-exchange.png) 2\. If Adobe prompts for Login, you need to Login with your Adobe ID & password. 3\. In Adobe Exchange window search for the *‘Dr. Brown Services’* in the search field. 4\. You will find the *‘Dr. Brown Services’.* ![Dr. Brown Services](https://blog.e-zest.com/hs-fs/file-3419135421-png/blog-files/dr.-brown-services%E2%80%99.png?width=600&height=500&name=dr.-brown-services%E2%80%99.png) 5\. Click on the ‘Free’ button to install it. ![installation- Dr. Brown Services](https://blog.e-zest.com/hs-fs/file-3419135431-png/blog-files/installation-dr.-brown-services.png?width=600&height=500&name=installation-dr.-brown-services.png) 6\. After installation restart the Photoshop Application. 7\. Now, you will see the new link in the - file \> automate \> Image Processor Pro ![automate Image Processor Pro](https://blog.e-zest.com/hs-fs/file-3419135441-png/blog-files/automate-image-processor-pro.png?width=600&height=500&name=automate-image-processor-pro.png) 8\. Click on the ‘Image Processor Pro’ link, you will see the Image Processor pro window, something like the fig. below ![Image Processor pro window](https://blog.e-zest.com/hs-fs/file-3419135451-png/blog-files/image-processor-pro-window.png?width=600&height=500&name=image-processor-pro-window.png) 9\. Choose the images main folder path which is needed to be in the process. 10\. Choose the location to save the processed images. 11\. For processing the subfolder’s images and to maintain the folder structure in the output (destination), make sure to tick the check boxes saying *‘Include All Subfolders’* , *‘Save in Subfolder’* and *‘Keep Folder Structure’.* 12\. You can create multiple set of processed images for different types of images like– png, jpg, gif, psd etc. 13\. Select the required file type, width, height, resolution and other settings. 14\. If you don’t want to resize smaller size images , then make sure to tick the checkbox *‘Don’t Enlarge’* 15\. Optionally, you can also add the Copyright Info to the images in the Preferences. 16\. After desired settings, click ‘Run’ button to process the images. 17\. After the process completes, you will get the folders containing processed images while maintaining the inside folder structure. *18.* While processing, *‘Image Processor Pro’* skips the images which are unable to process and prompt log after complete process. ![Image Processor Pro](https://blog.e-zest.com/hs-fs/file-3419135461-png/blog-files/image-processor-pro.png?width=600&height=500&name=image-processor-pro.png) **Cons:** While processing, it will pick all format images (like jpg, png, gif) from the source folder and convert/save it to the destination folder. Due to this we will get the extra additional files. For example – If you select file type png to process, then it will convert and save other file types also such as the gif, jpg etc. into the png format and you will get the additional needless png files. *I will come up with one solution as below -* *Solution:* 1. Keep the source folder backup and one extra copy to compare and merge with ‘Win Marge’. 2. Check how much type of images you have in the source folder like *- png, gif, jpg* etc. 3. While processing the images, define separate folder for each file type like *pngSet, gifSet, jpgSet* in the ‘Subfolder Name’. See below screenshot for the ref. ![Subfolder Name](https://blog.e-zest.com/hs-fs/file-3419135471-png/blog-files/subfolder-name.png?width=600&height=500&name=subfolder-name.png)4.After processing, compare each folder set with the source images folder by using Application like *‘Win Merge’* &overwrite source files with only those files which is present in the both side (in Win Merge which shows ‘file is different’ in comparisons result column). ![Win Merge’ & overwrite source files](https://blog.e-zest.com/hs-fs/file-3419135481-png/blog-files/win-merge%E2%80%99-overwrite-source-files.png?width=600&height=500&name=win-merge%E2%80%99-overwrite-source-files.png) 5\. Finally you will get the source folder having the entire optimized image for the web maintaining the nested folder structure as it is. - - - ### Similar Blog [![Tutorial: How to vertical center align a login form or container DIV?](https://blog.e-zest.com/hs-fs/file-3395404069-jpg/blog-files/a-responsive-or-fluid-html-development-environment..jpg) Tutorial: How to vertical center align a login form or container DIV? Often times, HTML developers are faced with a task of developing a login page where the form has to be horizontally and ... By Guruling Kumbhar Apr 09, 2015](https://blog.e-zest.com/tutorial-how-to-vertical-center-align-a-login-form-or-container-div/) [![Working with 9 patch images for Android](https://blog.e-zest.com/hs-fs/file-3395306169-jpg/blog-files/9patch-images.jpg) Working with 9 patch images for Android The use of 9 patch images for Android development is to help keep the app lower in the size. We can use 9 patch images for the ... By Guruling Kumbhar Apr 16, 2014](https://blog.e-zest.com/working-with-9-patch-images-for-android/) [HTML5 tools vs. Older Browsers Newer technologies are bound to come up frequently and in order to cope up with these technologies, versions etc. one need to ... By Guruling Kumbhar Nov 28, 2013](https://blog.e-zest.com/html5-tools-vs-older-browsers/) [![Concept of Responsive Web Design](https://blog.e-zest.com/hs-fs/file-3586006335-jpg/blog-files/responsive-design.jpg) Concept of Responsive Web Design Things are changing in 2013. Companies are desperately wanting to brand their product and services using almost every media, ... By Guruling Kumbhar Mar 13, 2013](https://blog.e-zest.com/concept-of-responsive-web-design/) ## Helping Organizations Thrive in the Digital Age [Contact Us](https://www.e-zest.com/contact-us) - [About](https://www.e-zest.com/about-us) - [Services](https://www.e-zest.com/our-services) - [Work](https://www.e-zest.com/our-work) - [Insights](https://blog.e-zest.com/) - [Healthcare](https://healthcare.e-zest.com/) - [Accion Labs](https://www.accionlabs.com/) - - - - - - Dallas - Detroit - Hannover - Vienna - London - Pune © 2025 e-Zest Solutions - [Privacy Policy](https://www.e-zest.com/privacypolicy) - [Cookie Policy](https://www.e-zest.com/cookie-policy) Contact us Contact us e-Zest is a leading digital innovation partner for enterprises and technology companies that utilizes emerging technologies for creating engaging customers experiences. Being a customer-focused and technology-driven company, it always helps clients in crafting holistic business value for their software development efforts. It offers software development and consulting services for cloud computing, enterprise mobility, big data and analytics, user experience and digital commerce.