We will be undergoing scheduled maintenance on May 20th, 2013 at 02:00 GMT.
Visitors to VTC.com will be able to view all introductory videos for each training course.
Free Trial Members will gain access to first three chapters for each training course.
Full Access Members have full access to VTC.com�s entire library of video tutorials.
The save for web feature which is located under our file menu now called save for web in the devices, offers you an amazing compression scheme which will allow you to retain very high quality images while reducing the file size dramatically. If you take a look at the bottom of this document we see that this is just under a megabyte, well pretty much half, its 569.5 K which is pretty large if you think about the weight of a file going through someone's modem. Alright so, you know this is pretty much unacceptable so we have to try to design for the lowest common denominator, people with 28K modems. Now normally I don't but uh I'm going to just show you anyway how to use the safe web feature. But before we get there let me just go to the image menu and show you how you would save a file if you were pretty proficient with Photoshop and you did all you're special effects and everything, you really want to just want go ahead and get this file online to perhaps show a client without worrying about anything you just want to get going. As you see here the file size are still pretty large and all you would do is select OK and then you would choose a different format such as file, save as, and then you would choose, let me go to my desktop here, I would choose jpeg. Ok because this image does have some gradations here so its going from dark to lights and stuff, its not flat color. Where as I would probably use the GIF format. So I'm gonna choose JPEG and I'm gonna just rename this suitcases and once again I'm gonna leave it at JPEG and then what I can do at this point is I can choose the image option quality so. As you see here I can choose to have a high quality and I can also have a pretty low quality. And if you pay attention you'll see that the file size dropped quite a lot here from this file size to 68.1 K, the difference is though it's going to look absolutely horrible online so we don't want to do that. What I normally would do is choose eight and still we drop the file size a lot. So I can choose OK and then the image will look quite different. So I'm gonna go to file and I'm gonna choose open and show you what that image looks like. So I'm gonna go to my desktop and I'm gonna open up this file and as you see here it's, it looks pretty much the same right? It's nice quality but there is a little bit of dithering going on here. Now let's talk about how to go to file and we are gonna save for web and devices. What this option will allow us to do is to take this image and pretty much drop the file size dramatically. Here's the original and you see this is the same, well it's a pretty large file size. And we can look at it in optimize format and we can also look at two up and also four up. Now I'm gonna talk about how to compress these in the next lesson but for now I just want to show that when we choose the save for web the file size can be changed over here as well as for as the optimization and the quality. Once you're happy with your setting what you can do at this point is click save. If you have slices what you want to choose from this menu HTML and images, images only, or HTML only. So it depends on how proficient you are with the web and which application you're planning to use these uh images in. So I'm gonna choose the HTML and images and as you see here I have all slices. I can choose to select all user slices or just select the slices. So I'm gonna leave it at all slices and I'm gonna choose a new folder and I'll call this suitcases and I'll call it assets so that I know this is going to be the assets for this particular piece of artwork. Once I've done that I'll go to my desktop and as you see here I have this folder right, and what I can do is in this folder I can see that I have my slices left pair of shoes, I have suitcases, I have all these slices and they are all optimized and they are ready to go online. Look at the file size 4 kb, 4kb, I mean the file size has been drastically reduced while keeping a high image quality. But we are gonna talk about how to optimize that in just a moment. So once again that's how the safe for web feature works. It will allow you to save not only the HTML file which is the code you're web browser needs to reassemble those images but also the images themselves. Very, very powerful feature and I highly recommend that you use this whenever your designing your websites, it will give you a great file quality while reducing the file size dramatically.
| Course: | Adobe Photoshop CS3 |
| Author: | Dwayne Ferguson |
| SKU: | 33782 |
| ISBN: | 1-933736-98-4 |
| Release Date: | 2007-08-02 |
| Duration: | 9 hrs / 161 lessons |
| Work Files: |
Yes |
| Captions: | No |
| Compatibility: |
Vista/XP/2000, OS X, Linux QuickTime 7, Flash 8 |