How to resize and optimize images for Web sites, PowerPoint presentations or other screen applications

Web sites and PowerPoint presentations work most efficiently with optimized images. Basically, optimized images are images that are resized as small as possible without losing quality. Smaller file sizes result in faster page downloads on your Web site.

To optimize your logo, you'll need two things: a copy of a .JPG version of your logo and image editing software such as Adobe Photoshop. Photoshop is available to the UAA community in many of the UAA computer labs and also via the UA keyed software service.

These instructions are Photoshop specific, but many image editing applications have similar features for optimizing images.

Microsoft Word, PowerPoint and Publisher image sizing tip

Did you know that you can constrain the proportions of an image in MS applications by selecting the image then, while holding down the <shift> key, drag a corner of the image. The <shift>+drag method means you won't squish your logo or other images.

Resize and Optimize images for Web and PowerPoint

Use this procedure to make your logo small for optimal use on Web sites and PowerPoint presentations
  1. Open the original .JPG logo in Photoshop
  2. On the file menu, select "Image > Image Size"
  3. Be sure the "Constrain Proportions" checkbox is selected
  4. Set the resolution to 72 dpi for screen application (do not change this if you plan to print the logo)
  5. Enter the desired width or height in pixels (pixels are a screen measurement)
  6. Select the "Resample Image" checkbox and set to "Bicubic Sharper"
  7. Click "OK"
  8. On the file menu, select "Save for Web & Devices"
  9. Select the JPEG format from the drop-down menu
  10. Set the quality to "Very High" or 80%
  11. Click "Save"