| Sign in: |
| Members log in here with your user name and password to access the your admin page and other special features. |
|
|
|
|
|| SportsShooter.com: Member Message Board
Editing images for the web
Dale de la Rey, Student/Intern
 |
Parkwood | QLD | Australia | Posted: 5:22 AM on 04.01.09 |
| ->> I am putting together images at the moment for my website. I was interested to hear how you edit your photos so they display on the web the way you had edited them. The images lose contrast and saturation and even after converting them to s-rgb and then editing the same problem happens.Advice would be appreciated. |
|
Chuck Steenburgh, Photographer
|
Lexington | VA | USA | Posted: 7:46 AM on 04.01.09 |
->> Convert to sRGB as your LAST step before saving.
After cropping and adjusting color and contrast manually, I resample the image (Bicubic Sharper) to anywhere from 480 px to 800 px on the long edge depending upon the intended use, then I apply additional smart sharpening (typically strength 40%, width 0.6 pixels for web-sized images). Final step before saving is to convert to sRGB (perceptual) and when saving, remember to embed profile. |
|
Carlos Gonzalez, Photographer
|
Minneapolis | MN | USA | Posted: 8:47 AM on 04.01.09 |
| ->> Maybe I have been doing it backwards, but I convert to sRGB as the first step then make my adjustments. Initially I made my adjustments in Adobe RGB then converted to sRGB and it looked like S*&!. So by converting to sRGB first I am able to get the image where I want it, then do a Save for Web in Photoshop. If I don’t like the preview in Save for Web I will tweak it a bit more until I get it where I want it. Is there a better way? |
|
Robert Seale, Photographer
|
Houston | TX | USA | Posted: 9:22 AM on 04.01.09 |
| ->> I used to always use Save for Web.....but lately, I'm doing things differently. I just work in sRGB when prepping photos for the web and save them to the proper pixel width. I sharpen again after they've been downsized with an unsharp mask at about 35. Don't forget to check your file info and make sure your copyright info is there. Save for web actually strips the copyright info if you are still using CS3. |
|
Luke Sharrett, Student/Intern
|
Bowling Green | KY | United States | Posted: 12:07 PM on 04.01.09 |
| ->> I find the "image processor" script in CS3 incredibly helpful. In one step I can convert to JPG, size, convert to sRGB, and run an action (+7 Sat. and +4 contrast) to compensate for the lost saturation and contrast after the sRGB conversion. It seems to work pretty well. |
|
Chuck Steenburgh, Photographer
|
Lexington | VA | USA | Posted: 12:15 PM on 04.01.09 |
->> Well, it all depends if you really have color management set up correctly.
If you don't, then you might as well shoot, edit, and save all in sRGB. That's what it's there for. And your results won't be bad at all.
If you understand the various color space options your equipment offers, have a calibrated monitor (at a minimum) and are particular about color, then you don't need to ask.
This is not meant to be insulting; color management is complex and difficult to master. The various hardware manufaturers have finally figured all that out and today if you just do everything in sRGB you'll come out pretty well. Heck, Nikon's own engineers didn't understand color when they released the D1. After a few years, when people finally figured out this camera was shooting in the (ancient) NTSC color space and applied the correct profile, its muddy colors blossomed into brilliance (unfortunately for many, after it had already become obsolescent).
If you really want to get every last bit of control and capability out of your equipment, I'd suggest finding a good source book (the late, great Bruce Fraser's (et al) *Real World Color Management* 2e is what I keep on my bookshelf) and prepare to invest in a colorimeter. A good understanding of math and physics doesn't hurt if you really want to understand what's going on. |
|
Mike Huffstatler, Photographer, Assistant
|
Rancho Cucamonga | Ca | United States | Posted: 12:17 PM on 04.01.09 |
->> I don't mean to steer away from SS supporters, etc. but, I've had great success with an action/tool from Fred Miranda. Its called Web Presenter Pro and is available for both PC and MAC.
It's a fairly simply tool that allows you to specify either a percentage reduction or specific dimensions to scale down to. You can add a couple different levels of sharpening if desired (I keep it set to "low"). The real nice thing as far as I'm concerned is that it does the sizing in small increments which some would argue to be the best approach. It's also all one step.
Here is the link for more info;
http://www.fredmiranda.com/shopping/WPpro |
|
Max Gersh, Photographer
|
St. Louis | MO | USA | Posted: 1:12 PM on 04.01.09 |
->> While all of the above workflow is important, in the end, you can't control how your images appear. Everyone has their monitors calibrated differently. For that reason, the web sucks for reproduction.
If you want your image to look as close as possible to the original when viewed on your monitor, use Save For Web. It may look different in the preview window but once it is on the web, it should look good. |
|
Mark Loundy, Photo Editor
|
San Jose | CA | USA | Posted: 3:00 PM on 04.01.09 |
->> Unless you can manage the display device, you can't manage color. The best you can do is calibrate your own monitor and embed sRGB as the color space.
Your other option is to visit every single user who will view your images and calibrate their systems.
--Mark |
|
Return to --> Message Board Main Index
|