Thread: adob photoshop notes class 26
- Join Date
- Feb 2010
- Rep Power
adob photoshop notes class 26
14. Optimize for Web
You have the image file peter plys.psd saved on the hard disk. The file is also read into Photoshop, where you see the content on the screen. There are three picture layers: the bear and the two backgrounds.
Let us presume that you need a copy of the picture for a home page. You actually need 2 copies, one with each background. We will make those now.
The image size
The picture is a little too big for the home page, it is intended for. So we start by diminishing it.
1. The teddy bear is seen with the background that you produced, right? The pattern 2 layer hides the pattern 1 layer. That is ok, we start by making a copy of this picture.
2. Select menu items Image --> Image Size:
3. Now you can see that the picture measures 560 x 595 pixels:
4. It is important that the fields Constrain Proportions and Resample Image are checked. Then there will be no distortion in the proportions of the new image, and it gets the best quality.
5. Now enter the pixel measure 400 in the Width field. Then the program calculates the height to 425 pixels:
6. Click OK, or press Enter. Then the picture size changes. NOTE: do not save this version of the picture Ã¢â‚¬Â¦
7. Then select menu items File --> Save for WebÃ¢â‚¬Â¦ :
8. That opens the dialog box Save for Web, which you will be using shortly:
Figure 24. The dialog box Save for web enables saving optimized copies of your pictures.
Save to web
When you need to save a picture for internet use, you usually make an optimized copy. This means that you need to find a file format and a compression that is suitable for the particular task.
Here we show a practical example on how the picture is saved in the JPG format.
1. Now you have the dialog box Save for Web on the screen (as in Figure 24).
2. In the right side of the dialog box you select the desired file format and compression. Try to select JPEG in quality 60 like here:
3. The large picture now shows the picture quality, which will result from these choices. You can read the file size below the picture. By us it is 72 KB plus:
4. A file size of 72 KB is probably a little large for a web picture. It will take 27 seconds to retrieve the picture with a slow modem (28 kbit), as you can read in the bottom of the field.
5. If the file size has to be reduced further, it will diminish the picture quality. Let us look at that. Start by increasing the enlargement to 400%:
6. Now you can use the hand tool (with space bar and mouse) to move the picture section. You can see how the picture quality will be in JPEG quality 60. Notice the fussyness around the details, they are a consequence of the JPEG compression.
7. Now try to change the JPEG quality to 30:
Users Browsing this Thread
There are currently 1 users browsing this thread. (0 members and 1 guests)
By $$$lover in forum Adobe Photoshop Complete CourseReplies: 6Last Post: 03-26-2010, 11:06 AM
By $$$lover in forum Adobe Photoshop Complete CourseReplies: 1Last Post: 02-16-2010, 11:21 PM
By $$$lover in forum Adobe Photoshop Complete CourseReplies: 1Last Post: 02-16-2010, 11:18 PM
By $$$lover in forum Adobe Photoshop Complete CourseReplies: 1Last Post: 02-16-2010, 10:52 PM
By $$$lover in forum Adobe Photoshop Complete CourseReplies: 0Last Post: 02-15-2010, 05:44 PM