Adobe Photoshop 7 Tutorials
Saving/Printing / Save For Web
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.
Learn More
Subtitles of the Movie (Adobe Photoshop 7 / Saving/Printing / Save For Web)
If you are designing your image to be included as a part of a website, you might want to take the advantage of the save for web feature. And save for web will open up this very interesting interface, allowing you to try out different types of optimizations and compression schemes for your image. You can see at the top of this interface, we have four tabs. We can see the original image, or we could see the optimized image. And it is being optimized based on the current settings here. Or we could also choose to see 2-up: in this case it will always show us our original and one optimized version. Or we could also choose the 4-up flavor. So, in this case we have one original and four different optimizations. Currently, these optimizations are all basically very similar based on a GIF. But what I am going to do, is I'm going to click on my hand tool here and drag around so I can see how this snail looks. And I'll probably try only JPEGs here, because JPEG is the best type of compression for photographic type of imagery. So I can see that in one of my window panes here, where I'm JPEG compressing with a low image quality, it shows me some important information - the basic quality setting, the file size (in this case almost 20 kilobytes), and how much time it would take to be transmitted over a modem that was running at 28 kilobytes per second. I am going to click on this pane. And with this pane selected, notice how the settings to the right to the interface change. So, this setting is designed for being saved out as a GIF format. GIF file format can support up to 256 separate colors. So won't produce a full color image, but we can make it look pretty good by adding more colors to the color table. And if you would like a whole lot more information on this, I recommend checking up the VTC training CD on Adobe ImageReady. ImageReady is the stand-alone application designed for optimizing web graphics. I am going to increase my amount of colors that can be used in this graphic. And I can see that using 16 colors creates an even larger file size than my JPEG set at a low compression quality. I'm going to come down to this one and I'll choose JPEG again. But this time I am going to choose a higher compression method. So my image should look a little bit better, and it does a lot better. But of course I have a larger file size. One of our tabs at the bottom of this interface allows us to manipulate our actual image size, and that's right next to the color table tab, which incidentally has no information if we are using a JPEG compression method - because JPEG will work on full color images and does not try to extract a color table as does the GIF file format. So I am going to go to the image size here, and what I might do is actually throw out some pixels and resize my image to make a little bit smaller. So I am going to come down here and select my width, and I'm going to make sure that constrain proportions is enabled. And I'll make this around 300 pixels wide and I will apply it to my image by clicking apply. And now of course my pictures all got smaller. And you might want to do this of course as a way to make your files smaller so that they download faster on a web site. Of course the way to think about this interface, is that you are trading off image quality for file size. And since that's the real goal here, Photoshop gives you many different ways to do that choosing from different types of compression methods - such as JPEG (which I recommend for photographic imagery) or GIF. And once we choose those, we can apply different types of levels of compression, or if you are choosing the GIF, choose how many colors you want to be extracted as a color table from your image. So the more colors you have in an image, the larger the file size. I think I'm going to stick with this one. I'll go back to the optimize button, or tab at the top of the interface, and I'll go ahead and save this out.
Tutorial Information
| Course: | Adobe Photoshop 7 |
| Author: | Andrew J. Hathaway |
| SKU: | 33329 |
| ISBN: | 1889347272 |
| Release Date: | 2002-09-05 |
| Duration: | 11 hrs / 152 lessons |
| Work Files: |
Yes |
| Captions: | No |
| Compatibility: |
Vista/XP/2000, OS X, Linux QuickTime 7, Flash 8 |
VTC Sign up & Benefits
- Unlimited Access
- 81,350 Video Tutorials (14,200 free)
- Video Available as Flash or QuickTime
- Over 715 Courses
- $30 for One Month Access
- Multi-User Discounts Available
