I’m having an issue where select images I’m importing to the web are missing the sRGB color profile. This is resulting with the color getting massively altered on the web to the point that the product color is unrecognizable–a brown shoe on a white background appears as dark green shoe on a light grey background. I believe a batch or 2 of photos were processed in photoshop and by accident the color profile was not converted. Normal procedure is to batch edit and convert to the required color space for web photos: sRGB.
I was frustrated I could not organize my files by color profile with the built in finder on my Mac. Nor would “Get Info” show me the associated color profile for an image. If I were working on PC the “Properties” inspector would allow better functionality and certainly show this tag. As a workaround, I begin investigating and the internet was suggesting ExifTool as a possible solution. This is a free source coding program that I learned about. I hoped to use it to view and change the color profile on images to make sure they would be compatible with sRGB color profiles required for web pictures.
Hours of searching and reading other websites went by, and I learned just enough to know I really didn’t know anything.
I found this guide to install and use ExifTool on Mac or pc. ExifTool allows you to script with the “terminal” app on Mac OS X. Once installed you can drag and drop your files and click enter/return to view corresponding tags and metadata.
- Tutorial about editing meta data with the ExifTool commands.
- Practice writing ExifTool commands
- image::exiftool digging deeper, focusing on images
I still needed to learn how to batch edit the color space tag for .jpg files that are undefined.
exiftoolto add a color profile, you need a
You can extract this from any
exiftool -icc_profile -b somefile.jpg > profile.icc
Then attach this profile by using
exiftool "-icc_profile<=profile.icc" yourfile.jpg
Alas, Photoshop ignores the color profile and calls it invalid. Reading the same “undefined color space” as before when the file is opened.
The Adobe Solution
Ideas that don’t involve scripting on Mac via the terminal app, namely Adobe functionality:
Advice to batch edit photos with Adobe Bridge:
Create a Action in photoshop that converts to sRGB not assigns and then select photos in bridge and tools> photoshop> batch and run the action.
My normal process to save images for web with the correct color profiles is to use the built in photoshop script, the image processor. This allows you to use an action, save a specific file size, save in a specific location, add ICC color profile and convert image to sRGB color space. In Adobe Bridge, you can run this batch edit script by going to the top menu and selecting, “Tools > Photoshop > Image Processor”
Another answer from the internet points to Adobe Bridge:
Since you have Photoshop, you have Bridge. Open Bridge, point it at your folder of images to sort, and open the Filters panel. It has Color Mode and Color Profile categories, with a count of each type of image in that folder. You can click check marks in the left column to hide/show each type. From there you can isolate each type so you can do mass tagging or dragging into other folders for organization.
That’s all. No need to install any other applications or plug-ins, no need to create smart collections (though Bridge can do that too).
Adobe Bridge – Organization by Color Profile
So there you have it, after countless hours attempting to learn ExifTool to write color space tags with the terminal … I have completely given up on the script workaround. Luckily, I own Adobe products and Adobe Bridge is an app I can use to sort images, as well as batch edit color profiles when using in tandem with photoshop actions. The end result is to save all images with the save for web format and color space “sRGB” so that all browsers are able to view the intended hues in the image. Additionally, the importer won’t distort the color of product photos when publishing them to the web.
Adobe Bridge also allows you to add metadata to your images without learning a new scripting language like ExifTool. Industry Dev outlines this process in their post, Adding Metadata to Photos Using Templates in Adobe Bridge.