Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
Well now that we have resized the image, sharpened it, worked on its color and tone, we are ready to go to save for web. So let's go ahead and navigate to the File pulldown menu and let us skip over Save As. We don't want to go there, we want to go to Save for Web & Devices. This will help us create a smaller JPEG. This will then open up the Save for Web & Devices dialog window. Now just to get you familiar with this window, tools, some tabs, some few settings, some helpful information down below. Let's go ahead and take a look at our tabs. We can either view this in a two up so we have the original, and then we also have the file that's been compressed so we can compare the two, or in a four up view.
Now my preference is go to the Optimize view. Now in this Optimize view, I can see the entire image and here I see the compression being applied to this file, here is what you want to do. Click and drag this over, you want to make sure your two images look the same and ours look the same because we have properly prepared this file. Now if they look different, you need to go back and reduce some of the steps that we did in the previous movies. Okay, so far so good. We are going to save this out as a JPEG; we want our Quality be something probably about 65 or less, between 50 and 65. Now here is the problem with photographers, they say my image is great, I want a quality, I want this to be an A, I want it be an A+ of 96. Well in this case, we are adding extra file size, we can see that here 400.9K. We are not really getting much of a benefit because this image isn't intended to be printed; this image is intended to be viewed online.
So again, we want to lower our quality and we are going to keep lowering it till we see that the image still looks good, so we have a nice small file size. Now what are some of these other options, more Progressive, what that means is the image will be blurry and that will be coming in more and more in focus, this doesn't work Flash, as a side note. You are going too include this on a Flash website; typically you want to leave that off. Optimized checked on, and do you want to Embed the Color Profile? Well there are some browsers which will actually read your color profile but one of the things that I find is, it's not prevalent enough yet to use that option. I'm hoping that it will be soon but for now I want to leave that off. Convert to sRGB, Preview, Monitor Color, yes. Metadata, do I need any Metadata? Well no in this case because I'm going to be including it in a Flash website or perhaps on the other hand, I do want that Copyright Info to travel with the file.
Now one of the things that you want to take note of is that when you change your copyright information, do not increase in or decrease in your file size drastically, so we can go ahead and choose the option, which fits based on the need of the image, based on where it's going. Sometimes it needs to be more protected; sometimes it needs to be less. Now here we have the ability to actually resize the image from right hand side of this dialog window. Let's say that we get here and we realize 700 is too big. I'm to go ahead and change this down to 500. It will then automatically change my height, what quality do I want to use, well we know this, right. It has to be Bicubic Sharper, that will then resize that image for me once I save it for web.
Now in my opinion, do I like to resize here in this dialog? No, I like to do all of my resizing in Photoshop because I have a bit of a workflow, right. I resize it first, and then after I have resized it, I have sharpened it. Now my sharpening is contingent upon the actual size of those pixels, right. So if you resize it here, you are not going to be really sure if the sharpness is correct. And then after I have sharpened it, then I work on my color and tone. And again my color and tone is based on the dimensions of the image because if you make an image really small, the color actually changes or if you make it really big, it changes as well.
And in fact that the color has changed but the density of the color in a small or a large area changes. So again my opinion or my preference is to not use this. So I'll go ahead and take that back to the Default setting there. But make sure if you do, to select the Resampling or the Image Interpolation of Bicubic Sharper, when resizing your image down. Well at this final juncture all that we would need to do, would be to click that Save button and save that image to a specific location and this image would be ready to e-mail or post online.
Get unlimited access to all courses for just $25/month.Become a member
180 Video lessons · 70165 Viewers
64 Video lessons · 92004 Viewers
86 Video lessons · 60262 Viewers
103 Video lessons · 28913 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.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.