Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
When you are trying to make the smallest image to send to someone, instead of using File > Save As, try File > Save for Web. In the Save for Web dialog box, typically the default setting is to come up with the optimized view. But I like to compare the original with the compressed version that I'm creating. So I like to switch this to 2-Up. Now, over on the right-hand side we can see that the default file format that Save for Web is going to use is the GIF file format.
But I'm going to switch that over to a JPEG because I'm looking at a photograph. Then, we can dial in the quality settings that you want. You can see here if I go down to the lowest quality, I'm seeing the image kind of break apart here. I'm losing a lot of detail. You might not be able to see that when you're viewing this video but let me just zoom in one more time. I'll use Command+Plus on the Mac or Control+Plus on Windows. And here we can compare these areas where there's all these rivets. You can see on the right-hand side we're losing a lot of detail. So on the left we can see this is our original, it's 2.41 megs, and the JPEG is set to low quality.
Although it's a very small file size, the quality is really unacceptable. So let's change this to medium, and we can see that it is getting better. But I'll go ahead and move this over to high. So I think I could be happy with the high setting, let's move it to very high. I really don't see much of a difference there at all so I'm going to scoot back to high. But it looks like my file size is still fairy large, it's a 121K. If I was going to use this as a web graphic I would definitely want to get it lower. Well, let's take a look at the rest of the settings.
Convert to sRGB? I definitely want that checked on because I am going to post this to a website that's why I'm trying to get it so small. I want to include my Copyright and Contact Info. I know that's going to make the file size just a tiny bit larger but that's important to me, so I'll include that. But when we come down here you'll notice that my image size is still really large. We're talking 1125 pixels wide. So I can definitely decrease that. If I go down to 800 pixels and tap the Tab key, then it will recalculate. And you can see now I'm down to 66K.
And if I click on this downward pointing arrow here, I can actually choose between all of these different download times here. So if I want to get a good idea what I think my client's download speed is and how long will it take to download this graphic, I can go ahead and check this out here. Now sometimes you need to compress your file to a specific file size. So if you need to do that you can click in the upper right hand corner under the Optimize Menu and you can optimize top a specific file size. So if I absolutely had to get this down to a specific file size like, let's say 50K, I could enter that in.
I want to start with the current settings. And I'll click OK. You can see now that Photoshop has adjusted the quality setting. It's giving me the best quality it can, but still keeping this file under 50K. And finally, the last really cool feature in my opinion, is when I click Save. Photoshop is going to ask me to name the file. So I'll go ahead and put an lr after this. That will tell me that it's my low res file. I'll click Save. And then you'll notice that I'm back to my original image. So if this was a multi-layered document that I had been working on and everything.
When I choose File > Save For Web, Photoshop saves off a copy of the document. And when it's finished saving. It returns you right back to the image that you were working on. So when your trying to make the smallest file possible, be sure to use Photoshop Save For Web command.
Get unlimited access to all courses for just $25/month.Become a member
180 Video lessons · 70316 Viewers
64 Video lessons · 92081 Viewers
86 Video lessons · 60327 Viewers
103 Video lessons · 28972 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.