Save for Web question

Hi !
I'm using the Save for Web option for my web site to optimize the image by inputting a specified filesize. However, I loose all my EXIF data using that Save method (i'm obviously working with that data and want to keep it). Any way around this ??? I need to set a filesize optimization and I'm working in batch with Photoshop CS2.
Thanks
rouxjeanAsked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

SlynkyCommented:
Hi, rouxjean,

I have CS2 and I just verified looking at my Canon EXIF data by doing a Save As (then chose JPG).  I cut the quality down to 3 and left preview on and it held it.  Give that a try and see if you retain what you need.

Regards
Slynky
rouxjeanAuthor Commented:
Yes that's because you used the standard Save As option. Unfortunately, I don't see where I can optimize the quality for a given filesize !!!
This option is a must for me because I'm working in batch and I want to ensure a relative filesize for each of my pictures ! If you try with Save for Web you'll see the info is not retain. It didn't work with Photoshop 7...
Any ideas ?
SlynkyCommented:
rouxjean,

Actually, down near the bottom of the save as window, you see the file size.  It changes as you move the quality slider.  That works similar to the Save for Web command.

Or what am I not understanding?

Slynky
HTML5 and CSS3 Fundamentals

Build a website from the ground up by first learning the fundamentals of HTML5 and CSS3, the two popular programming languages used to present content online. HTML deals with fonts, colors, graphics, and hyperlinks, while CSS describes how HTML elements are to be displayed.

rouxjeanAuthor Commented:
Ok but I don't see how I can automate with a script the optimization of my images by filesize using the slider. It'll be different for each images... I'm processing hundreds of images, can't really play with the slider manually !
SlynkyCommented:
Rouxjean,

To be honest, I'm not a very good batch person (grin).  I see Lobo is on.  He might have a trick or 2 up his sleeve.  But, to answer part of your question, I think the only way to save your EXIF data is to use the Save As command.  Getting that to work with batch might be solvable.  But, the Save for Web command won't even save the EXIF data, so that method is out the window (so to speak) already.

Best of luck,
Slynky
rouxjeanAuthor Commented:
Well how can I use the Save As window then ??? Using the lowest quality (0), i get a filesize of 41k. That is the lowest I can go with that window while I can set 35k max on the Save for Web option, I can even go lower !! Damn....
thinkwelldesignsCommented:
If I understand you correctly, you want to include your camera Exif data when saving for web. Have you tried using ImageReady to optimize your files???

Use the File/Save Optimized As...

In the Optimize Palette, make sure you have the "Add Metadata" checkbox selected and your camera Exif data will be preserved in the new file.

As far as file size is concerned, in this process, you select the amount of optimization rather than file size, but it certainly does save your metadata in the new file.
rouxjeanAuthor Commented:
thinkwelldesigns: I need to optimize by filesize, but from what I see it saves only GIF images, not jpeg ?!
thinkwelldesignsCommented:
Oh definitely not. In the format dropdown box of the Optimize Palette, choose JPEG.

As far as optimization by file size is concerned, if your document size and resolution are identical on all files, why does the file size vary? I don't see why you can't choose to optimize say to an arbitrary 45 and be done with it. Your digital pictures should all be about the same size.

Also including the metadata will add 7+ kb FWIW.
thinkwelldesignsCommented:
I was assuming the pictures are digital camera shots. Excuse me if I am wrong.
rouxjeanAuthor Commented:
Oh no images filesize, from my digital camera, are varying a lot, it's not the same size between the moon shot in the complete dark vs a shot in the forest at daylight ! I'll have to look again as I didn't see that jpeg option only GIF, HTML and some others. That leads me to my previous question, is that Imageready processing doable in a Photoshop script so I can run it in batch ??
thinkwelldesignsCommented:
I would do the metadata optimizing in IR only, and that can be automated via the Actions palette in IR just like the actions palette in PS.

I gotcha regarding image file size. I don't often shoot digital ;-)
rouxjeanAuthor Commented:
thinkwelldesigns : "you select the amount of optimization rather than file size"...WHERE ???
thinkwelldesignsCommented:
Sorry, I was not clear.

What I mean is the optimize palette in IR. Similar to SFW (Save for Web) in Photoshop except that you are allowed to select "Add Metadata".

Here is what I would do. I would preview a variety of my pictures in SFW at various degrees of jpeg optimization in a range of say, 35-50. When I find the setting that seems to work well across a vareity of images, I would go into ImageReady and create an action to save all my files in the JPEG format at the quality I have earlier determined to be optimal for most images.

In the options palette, I would select "Progressive" I would also add a matte color to my images the same color as the background color of my web page. Shouldn't be necessary in this case, but I think it is a good practice.

I don't know of any way of running a batch that produces all files at a preset size of say, 35 kb. I am only aware of setting jpeg compression amounts and this is done in a range of 0-100. I have often used 40-55 FWIW.

I hope I am more clear.
thinkwelldesignsCommented:
Oops, lack of proofreading ;-)

WHERE??? I was talking about the Optimize Palette in IR.

HTH!
hasnatmeCommented:
Okay....lets open your file in photoshop and check the file info by (file>file info...) command..then see if your data is there..if not you can add them there....so...if your file info is not there..then do the steps I mentioned here......

open your file and go to window menu and open the action pallete or you can press (alt+F9) to open that and on the action pallete click on the create new set button at the bottom of the pallate and create a set and name it..after that create a new action by clicking again at the bottom right corner of the pallete and give a name to it.(note: you have to sure where you are creating your action cause this is your action for batch processing)..okay now action is recording your every step in your CS2!!! now go to (file>file info...) and add your desired information for the file and click okay..then go to (file>save for web) and choose your desired compression method and click save.(Note: when you save a file from the save for web option it will remember the directory where you save..and it will not let you save in to another directory while you choose from batch processing..so..it will be better if you choose the directory here..otherwise you can simply do it by cut and paste from the windows explorer..so..theres no big deal!!!)....now just click on the stop action button from the action pallete which is located beside record action button. wow!!! your action is ready now....so..just go to the file menu and choose (automate>batch) now choose your action sets and action which you just created earlier now and also select souce files and destination files folder for saving files...again I'm telling the file will save into that directory from where you have save from (save for web) command.

I think this may solve your problem..take care and bye.......if you got any problem let me know.
Thanks.
hasnatmeCommented:
Oh forget to tell you one thing...when you go for the batch processing then check the override action save as command...if that give you any error and ofcourse you can check the multiplatform compatibality too...if you renaming the names or etc.
rouxjeanAuthor Commented:
hasnatme: Unfortunately that doesn't work. It seems as soon as the save for web command is used, it deletes all exif info, even the one I typed before saving !!! Anymore ideas ?
hasnatmeCommented:
okay...can you mail me your file at <email deleted by LHerrou> so..I can check and reply you here....sorry I have no digital camera..so..it will be better if you send a picture.
hasnatmeCommented:
(Metadata output options)

In ImageReady, you can set the following metadata output options. Make sure to select Add Metadata in the Optimize palette.
Add Custom ImageReady Metadata Includes simple copyright and description information from the File Info dialog box.
Add EXIF Metadata For JPEG images, includes information stored with digital photographs, including camera type, date and time of photo, and file size.
Note: To view the complete EXIF information for a file, view the file in Adobe Bridge.
Add XMP Metadata Adds an Adobe-specific set of information that provides information about the file and facilitates the use of files by multiple Adobe applications.
Write minimal set of XMP Includes only a small subset of the complete XMP metadata set, including file modification and output times, file dimensions, and format.
Include Reference to Source File Adds to the XMP a block of information that provides the path to the original document.
Write XMP to separate files Writes XMP data for the file to a separate file, instead of being embedded in the image file.


(To add metadata using the File Info dialog box)
The File Info dialog box displays camera data, other file properties, an edit history, copyright and authorship information (if any), and custom metadata panels (if the application has installed them). You can add metadata directly from the File Info dialog box. If you select multiple files, the dialog box shows where different values exist for a text field. Any information you add to a field is applied to all selected files.
Note: You can also view metadata in the Metadata panel, in certain views in the content area, and by placing the pointer over the thumbnail in the content area.
Select one or more files.
Choose File > File Info.
Select any of the following from the list on the left side of the dialog box:
Description Lets you enter document information about the file, such as document title, author, description, and keywords that can be used to search for the document. You can also choose text from the menu to the right of the text fields. To specify copyright information, select Copyrighted from the Copyright Status pop-up menu. Then enter the copyright notice string and the URL of the person or company holding the copyright.
Categories Lets you enter information based on Associated Press categories. You can also choose text from the menu to the right of the text fields. The Categories option appears only if Adobe Photoshop is installed.
History Displays Adobe Photoshop history log information for images saved with Photoshop. The History option appears only if Adobe Photoshop is installed.
Camera Data 1 Displays read-only information about the camera and settings used to take the photo, such as make, model, shutter speed, and f-stop. The Camera Data 1 option appears only if Adobe Photoshop is installed.
Camera Data 2 Lists read-only file information about the photo, including pixel dimensions and resolution. The Camera Data 2 option appears only if Adobe Photoshop is installed.
Adobe Stock Photos Lists read-only information about images obtained from Adobe Stock Photos.
Origin Lets you enter file information that is useful for news outlets, including when and where the file was created, transmission information, special instructions for handling the file, and headline information. You can also choose text from the menu to the right of the text fields.
Advanced Displays fields and structures for storing metadata using namespaces and properties, such as file format and XMP, EXIF, and PDF properties. You can do any of the following with the information listed:
Click Save to export the metadata to a text (.xmp) file.
Click Replace to replace the metadata in the existing files with metadata saved in an .xmp file. Values in existing properties are replaced with the new values.
Click Append to add the metadata in the existing files to metadata saved in an .xmp file. Values in existing properties are not replaced, and new values are appended or inserted where appropriate.
Click Delete to remove the currently selected Advanced property. You can Shift-click to select multiple properties.
Note: Hold down the Option key to change these commands to Replace All, Append All, and Delete All. These commands then affect all information in the file; that is, EXIF information that is not modifiable by the user, such as the f-stop and the Photoshop file ID information, as well as user-modifiable information, such as document title and keywords. Holding down Option also displays the Reset button to restore the previous settings.
Click OK to apply the changes.


These are found on adobe photoshop cs2 help.
I hope these will solve our problem. And one thing you have to remember and that is long file name may destroy the exif data sometimes.

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
thinkwelldesignsCommented:
hasnatme, isn't he worried about LOSING his exif data from the camera rather than putting it in?

The summary is that SFW will delete the exif data every time whether the camera entered the data or the user did. That was made clear quite early in the thread.

ImageReady is the only way to optimize jpegs for web and still save exif data. Period.

Earlier in the thread...Also including the metadata will add approx 7+ kb, FWIW.
thinkwelldesignsCommented:
Ok, I am assuming the all your pictures are the dimensions that you want them to be. If they're not, I find it easier to take care of that step with an action for that purpose alone.

Open the jpeg you want to optimize in ImageReady. Go to Window/Optimize to view the Optimize Palette. You have the options of file format, Quality, Amount (Compression amount), Blur, Matte, Progressive, Preserve ICC Profile, ADD METADATA (with a settings button also).

The Add Metadata checkbox is the one you are quite interested in. Click the Settings button to choose to add IR metadata, EXIF metadata and/or XMP metadata.

Also, in the flyout menu in the upper right corner of the Optimize Palette,you can select "optimize to file size" and enter your desired file size.

HTH!!!
thinkwelldesignsCommented:
Note here: if you are in PS and want to jump to IR, just click the bottom button in the PS toolbar "Edit in ImageReady" and the current file will be transferred automatically.
webwomanCommented:
Why don't you just make copies of the files and optimize those? Then it doesn't matter what you lose for the web.
hasnatmeCommented:
Sorry LHerrou,

I missed the e-mail things on the rules maybe..It will not happen in the future.
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
Adobe Creative Suite CS

From novice to tech pro — start learning today.