Introduction: Batch Processing Images for Web With Droplet @ Photoshop

Picture of Batch Processing Images for Web With Droplet @ Photoshop

Images directly from camera will have high file size. To make an instructable. repetitive tasks, like saving 100 images for web in Photoshop is time consuming and frustrating. Droplets are drag-and-drop mini-applications which can do those repetitive tasks for you.

Older versions of Photoshop may not have this functions

(try CS6 or CC)

Step 1: Things You've Need.

  1. personal computer with decent configuration
  2. Adobe Photoshop CS6/CC
  3. Pictures to process

Step 2: Open Adobe Photoshop

Picture of Open Adobe Photoshop

Step 3: Choose Window→Actions (or) Press(Alt+F9)

Picture of Choose Window→Actions (or) Press(Alt+F9)

Step 4: Click "create a New Set" Button

Picture of Click "create a New Set" Button

Step 5: Give a Name to the Set

Picture of Give a Name to the Set

Step 6: Click "create a New Action" Button

Picture of Click "create a New Action" Button

Step 7: Give Any Name to the Action Then Click "Record"

Picture of Give Any Name to the Action Then Click "Record"

Step 8: Click File→Open or Press(Ctrl+O)

Picture of Click File→Open or Press(Ctrl+O)

Step 9: Browse Any Pic and Click Open

Picture of Browse Any Pic and Click Open

Step 10: Click File→Save for Web or Press(Alt+Shift+Ctrl+S)

Picture of Click File→Save for Web or Press(Alt+Shift+Ctrl+S)

Step 11: Choose "JPEG Medium" With 30% Medium Quality and Click "Save" (Check for Notes Added to the Image)

Picture of Choose "JPEG Medium" With 30% Medium Quality and Click "Save" (Check for Notes Added to the Image)

Step 12: Create a New Folder and Save

Picture of Create a New Folder and Save

Step 13: Close the Image by Clicking File→Close or Press(Ctrl+W).

Picture of Close the Image by Clicking File→Close or Press(Ctrl+W).

If Photoshop asks to save changes Click "NO"

Step 14: Click the "Stop" Button in the Actions Palette.

Picture of Click the "Stop" Button in the Actions Palette.

Install the action file. If you find any difficulty in creating an action.

Step 15: Click File→Automate→Create Droplet...

Picture of Click File→Automate→Create Droplet...

Step 16: In Create Droplet Dialogue Box. Click Choose→Save @ Desired Location With Name (check for Notes Added to the Image)

Picture of In Create Droplet Dialogue Box. Click Choose→Save @ Desired Location With Name (check for Notes Added to the Image)

Step 17: Choose the Set. Here I Created a Set Named Instructable.

Picture of Choose the Set. Here I Created a Set Named Instructable.

Step 18: Choose the Action. Here I Created an Action Named "Save for Web"

Picture of Choose the Action. Here I Created an Action Named "Save for Web"

Step 19: Put Check Mark to the Boxes

Picture of Put Check Mark to the Boxes

Ignore the warning message by clicking "OK"

Step 20: Choose Destination Type Folder

Picture of Choose Destination Type Folder

Step 21: Choose a Folder:

Picture of Choose a Folder:

I'll Choose the same folder. which i created while making a action.

Step 22: Put Check Mark(check for Notes Added to Image)

Picture of Put Check Mark(check for Notes Added to Image)

Ignore warning messages and click "OK"

Step 23: Click"OK" (check for Notes Added to Image)

Picture of Click"OK" (check for Notes Added to Image)

Step 24: There I've Got the Droplet.exe Icon @ My Desktop

Picture of There I've Got the Droplet.exe Icon @ My Desktop

Step 25: How to Use?

Picture of How to Use?

Now Click and drag the entire folder containing images to save for web and drop it over the droplet.exe file.

Enjoy watching the automated Photoshop do your work without getting tired.

Step 26: File Size Before Processing Is 56.6 MB

Picture of File Size Before Processing Is 56.6 MB

Step 27: File Size After Processing Is 2.76 MB

Picture of File Size After Processing Is 2.76 MB

Comments

mrmeik (author)2015-10-02

Awesome!! This will save me a lot of time. Thank you!

chrisjlionel (author)mrmeik2015-10-02

You're welcome.

suruha (author)2016-09-16

I have heard about these, but, have never looked into them. Would you use the same 'Droplet.exe' for any file or just for the "entire folder containing images to save for web". Meaning, do you need to create a 'Droplet' for each instance of an action, or, are they 'universal'? And, why is this different from just running the action? I hope the questions are alright.

Thank you so very much!

Su

chrisjlionel (author)suruha2016-09-21

hello Su,

Actions can be applied to a single file, but droplet can apply actions to entire folder with image files. It saves time. Droplets can be created with any repetitive tasks to perform. Your creativity is the limits. Sorry for the delay to reply.

suruha (author)chrisjlionel2016-09-21

I responded somewhere else, but, I will here, as well. Your response was very timely, so, please, don't apologize.
I often wondered about applying an action to multiple files, but, never looked into. Now, I have my answer! LOL Thank you so very much for your kind attention and response.

chrisjlionel (author)suruha2017-09-18

Welcome Su.

yaroshenko made it! (author)2015-10-06

After of years useing Photoshop you blow my mind. Thank you.

chrisjlionel (author)yaroshenko2015-10-06

You're welcomeyaroshenko

Dwargh (author)2015-10-05

I never used Batch processing in PS. Neither I knew about it! ^^

Now I know better!

Thank you very much, chrisjlionel! :)

chrisjlionel (author)Dwargh2015-10-05

You're welcome Dwargh.

RodrigoC43 made it! (author)2015-10-04

It Works!

chrisjlionel (author)RodrigoC432015-10-04

(Enjoy friend) profiter ami

RodrigoC43 (author)2015-10-04

nice!!!

chrisjlionel (author)RodrigoC432015-10-04

Thank you! RodrigoC43

DeborahW7 (author)2015-10-03

Oh, I will definitely try this, great, thanks!

chrisjlionel (author)DeborahW72015-10-03

You're welcome DeborahW7.

About This Instructable

5,862views

60favorites

License:

Bio: Veg-Head
More by chrisjlionel:Instructions to Build 8x8x8 LED CubeMake a Bind PlugDIY Jumper Wires (male to Male)
Add instructable to: