Video:Elements Tutorial: How to Save Images for the Web
with Pelpina TripSaving your images for the web helps make the file size smaller while retaining as much quality as possible. Watch this About.com video to learn how to save images for the web in Adobe Photoshop Elements.See Transcript
Transcript:Elements Tutorial: How to Save Images for the Web
Hi, I’m Pelpina, here for About.com. If you want to save pictures to optimally use them for web browsers and onscreen viewing, such as making it a lot smaller so they’re fast to download.
Options for Saving Images for Web
You can do that easily in Photoshop Elements by going to file, up here, and then click save for web. Then, this screen will pop up. On the left, there’s your original image, and on the right here is what the new file will look like, as a result of the changes you’ll make in this box. Basically, you want to try to create the smallest size possible while still having an acceptable image quality.
In this box, you’ll find many choices for reducing the picture file size. Right here below the original image, you find the original file size. Now, let’s choose JPEG for the file type, in the drop down menu here, and instantly you’ll see the image size is already reduced. JPEG is a very standard format to use for pictures online.
Use the Zoom Tool When Saving for Web
While you’re experimenting with the changes in this box, make sure you zoom in on the image with this zoom tool, or by hitting control and plus to zoom in and control and minus to zoom out on your keyboard. That way you can be certain the quality is right. It’s best to set the zoom size to at least 100 percent, that’s the quality you’ll get when you save the file. The GIF or PNG formats are often used for images with just a few colors, such as a logo. And if you’re looking for transparency, such as a transparent background, you can use either PNG-24 or GIF files.
Experiment with the file type - and quality choices, and always keep a close eye on the preview image to make sure you’ll be happy with the results. Also make sure to look at the file size, right here below the image, if you need the file to be a certain size.
There you go, a quick overview of saving images for the web with Photoshop elements. For more video tutorials and articles on Photoshop Elements, make sure you visit compute.about.com. Thanks for watching!