!["Masterbeat_Gossip_125x125"]("http://web.masterbeat.com/linkshare/MBgossip_125x125_50k.gif")
Optimization is a process which can be lengthy for perfect results or fairly brief for almost perfect results. You have to weigh in on which route you need to go. Adobe Photoshop and Adobe ImageReady both offer full tool sets for optimizing the file for online display quality. I would use the one I'm most familiar with and the one that's used most frequently. For a skilled user, ImageReady is really not necessary.
The easy way:
The Photoshop "Save As" command allows you to save an image as a GIF, JPEG, or PNG file. Depending on which file format you choose you can indicate image quality, background transparency or matting, color display, and downloading method. The controls for each of the resulting dialog boxes are pretty much self explanatory. I personally recommend saving your image this way (using a different name) and saving it using the next steps as a way of comparing the two results. Then you'll know which way gives the best results.
For greater control and more precise optimization I use the Save for Web command. It's found in the File menu just below the "Save As..." item.
The "Save for Web" window offers a variety of choices. Again, the options here are all fairly self explanatory.
Click on the tab at the top of the image area to choose a display option: I recommend 2-Up which allows you to see both versions of the image side by side.
The annotation area below each image in the Save for Web dialog box gives you the information regarding how the file will perform online. You should see the original image filename and file size; and the optimized image optimization options, the size of the optimized file, and the estimated download time using a selected modem speed. I use the 28.8 setting to be sure.
Now play with the "quality" options to the right and test the different settings.
Nothing will actually change or affect the file until you select "Save Optimized" -- so play around until you have a good visual understanding of what to expect.
You can also set your scaling at this time and Photoshop does a good job of sampling your image down to the correct size. Remember: never enlarge.
The easy way:
The Photoshop "Save As" command allows you to save an image as a GIF, JPEG, or PNG file. Depending on which file format you choose you can indicate image quality, background transparency or matting, color display, and downloading method. The controls for each of the resulting dialog boxes are pretty much self explanatory. I personally recommend saving your image this way (using a different name) and saving it using the next steps as a way of comparing the two results. Then you'll know which way gives the best results.
For greater control and more precise optimization I use the Save for Web command. It's found in the File menu just below the "Save As..." item.
The "Save for Web" window offers a variety of choices. Again, the options here are all fairly self explanatory.
Click on the tab at the top of the image area to choose a display option: I recommend 2-Up which allows you to see both versions of the image side by side.
The annotation area below each image in the Save for Web dialog box gives you the information regarding how the file will perform online. You should see the original image filename and file size; and the optimized image optimization options, the size of the optimized file, and the estimated download time using a selected modem speed. I use the 28.8 setting to be sure.
Now play with the "quality" options to the right and test the different settings.
Nothing will actually change or affect the file until you select "Save Optimized" -- so play around until you have a good visual understanding of what to expect.
You can also set your scaling at this time and Photoshop does a good job of sampling your image down to the correct size. Remember: never enlarge.
About the Author:
Would you like to Learn Photoshop Now? Just Click Here to get your http://www.learnphotoshopnow.com/ Free Photoshop Newsletter Plus FREE Photoshop Tips ...what are you waiting for?
0 Comments:
Post a Comment