Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
Here we are going to take a look at the essential and important steps that you need to take so that your photographs look their best, whether you're posting them online or whether you're sending an image as an attachment with an e-mail. We'll be working with this photograph here. So let's say that I want to e-mail this photograph and also post it on a blog or post it somewhere online. Well one of the first steps that we need to take is we need to resize the image. You can access the Resize dialog by pressing Command+Option+I on a Mac, that's Ctrl+Alt+I on Windows or you can go to the Image pull-down menu and here select Image Size.
In the Image Size dialog we want to focus-in on the Pixel Dimensions. And the reason we want to do that is because if the image is going to be viewed on a monitor, well we can't change the resolution. In other words we don't need to worry about the Document Size or the Resolution. Now I know that kind of sounds counterintuitive, but you'll just have to trust me on this one of, our biggest concern is Pixel Dimensions. Next you want to make sure Resample Image is turned on and you want to use Bicubic Automatic which will automatically choose the best image interpolation as you make these changes.
Next, we need to change our Width and Height. And typically when it comes to images which are viewed online or as an attachment in an e-mail, these are going to range from perhaps about 300 to maybe 900 pixels wide or tall. So here, let's go ahead and change this size to 700 pixels wide, that then takes care of the height and you can see it's going to size this image down. After you've made the selection for your Pixel Dimensions just click OK. Next, double-click the Zoom tool.
This will show you the image at 100%. Well now here you can kind of imagine this photograph either inside of a Web Browser or inside of an e-mail client. You could see how someone would preview this image and you want to view this image at this one-to-one 100% size and then make a few needed adjustments. The first adjustment that we need to make is we need to convert this file to the sRGB color profile. To do this you can navigate to the Edit pull-down menu and then here we are going to select Convert to Profile.
This will open up our Convert to Profile dialog and we're looking for the option for sRGB. Now this is really critical, because this file, it will go to that color space whether we like it or not, so we want to control the conversion. We want to do this ourselves and then make any needed adjustments in this new color space. This is especially important if you're working with Lightroom and Photoshop, because typically you'll have that color profile space of pro-photo, and therefore you really need to do this to convert this down to the smaller space.
And either way, whatever your default color settings are, you want to take this step, you want to convert your file to this sRGB color space. Here we'll go ahead and click OK. Next after we've done that we need to make a few more adjustments. Here is how we can do that. One thing that we can do is we can go to a Hue/Saturation adjustment layer. I know some people who prepare images simply by cranking this up all the way up to 15 at certain times. By adding a little bit of saturation essentially what we're doing is we are assuming that once we go through the Save for Web process, we are going to lose a little bit of detail, contrast, and saturation.
So before that happens we're boosting or bumping this up a little bit. Another way that we can do this is we can take care of the contrast and saturation at once by creating a Curves adjustment. With the Curves adjustment you can make a subtle S Curve, bringing your whites up and also your blacks down. If we look at our before and after well the image should feel a little bit too saturated and also should feel like it has a little bit too much contrast. And that's good, because again once it goes through the Save for Web process, we are going to lose a little bit on the file, so in other words, we are making this file a little tiny bit overdone because then it will fall back to just a really good spot.
Next, you can dialpin the Opacity amount here so that you have just a little bit of this nice subtle contrast and color saturation. Now that we've prepared this file by resizing it and also by making any needed color or tone adjustments, the next step is to sharpen this photograph. And sharpening for the web is different than sharpening say for print. So let's go ahead and take a look at how we can do that in the next movie, so leave this image open as we will be working on it in the next movie.
Get unlimited access to all courses for just $25/month.Become a member
164 Video lessons · 49410 Viewers
64 Video lessons · 84555 Viewers
86 Video lessons · 54406 Viewers
148 Video lessons · 91466 Viewers
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Your file was successfully uploaded.