Automating Resizing for the web in CS3

[Khurram]

I FINALLY picked up CS3 after working with DPP for all of my processing.

For the time being, i am still going to process my raw files in DPP and then do the following in CS3 (until i become more comfortable with CS3):

• Adding copyright info to photos
• resizing for the web so i can finally post my photos on the online gallery i am creating
• use CS3 for adjustments for my old slides i will be busy scanning

Using the Kelby book, i managed to figure out how to add copyright info and automate that by using the actions function

However, I'm having problems with the following:
1 Resizing photos so i can automate reducing the resolution for the web
     - Using IMAGE ==> Image Size, I see that you can adjust the H and W pixels as well as
          the resolotion to reduce the size of the file
       However, i can't figure out how to automate the resizing process when i need to resize
         both verticals and horizontal oreinted pictures together???

        I also thought about using SCRIPTS ==> IMAGE PROCESSER, (as ooutlined in the
        Kelby book), in order to choose a source and destination folder for the files, but
        i again have the problem of having to select the H & W pixel dimensions, for both vertical
        and horizontal oriented pictures.   Using Scripts, i also don't have the option of changing
       the resolution to 72 DPI for the web.

Anyway, i was hoping on getting some advice on automating my resizing so that i can do the following:
  - put all of my original files (that i have added my copyright info to), into FOLDER X
  - Automate the process, of having all files in FOLDER X, resized, so that all files in that
     folder are reized for the web (i.e.  400x600 or 600x400 pixel  dimentions
     (at 72dpi for the web)
  - Have all of the resized files saved in FOLDER Y

I'd appreciate if someone can help me setup a script/action automate the resizing of my files.

I'd also appreciate if someone can let me know that once i've created an action to add copyright info for all files in a folder, and i have left out the last step of flattening the file, if it is possible for me to move the copyright info??? If this is possible, i'd appreciate if someone can explain how to do this, as the Kelby book doesn't explain this.

[Roy]

You don't need to change resolution to 72 dpi. Resolution is irrelevant and misunderstood. Just set the pixel dimensions.

Set the image processor to 600 x 600 pixels. It won't make your images 600 x 600, it will keep the proportions and fit them inside a 600 x 600 box. So horizontals will be 600 wide by 400 high and verticals will be 600 high and 400 wide (assuming a 2:3 uncropped photo).

[francois]

For resizing, you can use the File > Automate > Fit Image... command. And to work on folders, you'll want to use  File > Automate > Batch... command (you can set source & destination folders and scripts/actions that will run during batching).
I'm sorry that I have not much time today but with the help of your books and those two commands you should be able to make it work.

[Alaska]

In the Kelby book "The Photoshop CS2 Book" he covers in chapter 15 a way to add a copyright to your images.  Another way is to create an action that will place a transparent copyright for batch processing.  

On thing to keep in mind, is that images for the web will just take longer to download if they are not at 72 pixels/inch.  Your browser does not care, but bandwidth will.  

In PS you can change the image resolution from (perhaps 300) to 72.  Image > Image Size - resolution 72 pixels/inch.  That will decrease the file size of the image.  Then "save as" a JPEG at level 5 (medium) and remove the ICC check mark as it is not needed for web browsers.

As an example, a 7.8 x 11.7 inch image in PS at 300 pixels/inch is 568K.  At 72 it is 115K.  In most cases you would not desire to use an image that is 115K in size as it takes too long to download.  A good rule of thumb is to have a web page no larger than 40 to 50K.  There are exceptions for picture sites with viewers expect slow loading pages.  But if you are selling something, then speed becomes important.

Another good product for taking a PS image and resizing for the web is Ifranview http://www.irfanview.com .  It can also place a copyright notice on your images, but it is not as nice as PS but a lot faster.

Jim

[Khurram]

You don't need to change resolution to 72 dpi. Resolution is irrelevant and misunderstood. Just set the pixel dimensions.

Set the image processor to 600 x 600 pixels. It won't make your images 600 x 600, it will keep the proportions and fit them inside a 600 x 600 box. So horizontals will be 600 wide by 400 high and verticals will be 600 high and 400 wide (assuming a 2:3 uncropped photo).
[a href=\"index.php?act=findpost&pid=127950\"][{POST_SNAPBACK}][/a]

Roy,
THanks for the advice - I didn't realize that setting the image processor to 600x600 only uses 600 pixels as the maximum size for vertical and horizontal.

[Khurram]

For resizing, you can use the File > Automate > Fit Image... command. And to work on folders, you'll want to use  File > Automate > Batch... command (you can set source & destination folders and scripts/actions that will run during batching).
I'm sorry that I have not much time today but with the help of your books and those two commands you should be able to make it work.
[a href=\"index.php?act=findpost&pid=127955\"][{POST_SNAPBACK}][/a]

Thanks for the advice Francois!

[Khurram]

In the Kelby book "The Photoshop CS2 Book" he covers in chapter 15 a way to add a copyright to your images.  Another way is to create an action that will place a transparent copyright for batch processing. 

On thing to keep in mind, is that images for the web will just take longer to download if they are not at 72 pixels/inch.  Your browser does not care, but bandwidth will. 

In PS you can change the image resolution from (perhaps 300) to 72.  Image > Image Size - resolution 72 pixels/inch.  That will decrease the file size of the image.  Then "save as" a JPEG at level 5 (medium) and remove the ICC check mark as it is not needed for web browsers.

As an example, a 7.8 x 11.7 inch image in PS at 300 pixels/inch is 568K.  At 72 it is 115K.  In most cases you would not desire to use an image that is 115K in size as it takes too long to download.  A good rule of thumb is to have a web page no larger than 40 to 50K.  There are exceptions for picture sites with viewers expect slow loading pages.  But if you are selling something, then speed becomes important.

Another good product for taking a PS image and resizing for the web is Ifranview http://www.irfanview.com .  It can also place a copyright notice on your images, but it is not as nice as PS but a lot faster.

Jim
[a href=\"index.php?act=findpost&pid=127957\"][{POST_SNAPBACK}][/a]

Hi Jim,
Thanks for the watermark and resizing advice.

I did figure out how to automate creating copyright info using chapter 15, as well as how to create an action to add the transparent copyright watermark to a batch of files.

I also followed his advice to only add an action up to step 11 (before flattening the file with the watermark).  However, what i couldn't figure out was how to move the watermark's location on a photo if on some photos it is placed in a good location.

[Alaska]

However, what i couldn't figure out was how to move the watermark's location on a photo if on some photos it is placed in a good location.
[a href=\"index.php?act=findpost&pid=128025\"][{POST_SNAPBACK}][/a]

One way to place a watermark or text and have it displayed in the same place for horizontal or vertical images is to set the ruler as a percentage.  In my images the copyright is placed dead center 50% down and 50% over from the side.  No matter what the image size is, the copyright is always located in the center.  The same can be done for any text that is need at the bottom of the image.  Say 85 to 90% depending on font and type size.

Good luck with the project and have fun with Photoshop.

Jim

[Ed Foster, Jr.]

<snip>

On thing to keep in mind, is that images for the web will just take longer to download if they are not at 72 pixels/inch.  Your browser does not care, but bandwidth will. 

In PS you can change the image resolution from (perhaps 300) to 72.  Image > Image Size - resolution 72 pixels/inch.  That will decrease the file size of the image.  Then "save as" a JPEG at level 5 (medium) and remove the ICC check mark as it is not needed for web browsers. <snip>[a href=\"index.php?act=findpost&pid=127957\"][{POST_SNAPBACK}][/a]

As Roy mentioned, you  size web images by the pixel dimensions.  A 600 px x 400 px image is the same file size at 72 ppi, 300 ppi or 600 ppi.  While the ICC profile is not honored by all browers, it is by some like Safari and a few others on the Mac, and the Safari beta version for Windows - so it is really a good idea to leave the profile attached to the image.

Ed