Graphics Software

  1. Home
  2. Computing & Technology
  3. Graphics Software

Resizing Practice Exercises for Photoshop CS2 Basics Lesson 2

By Sue Chastain, About.com

5 of 7

Resampling the Image for Web Use

Resampling the Image for Web Use
Next let's assume we want to post this image on the Web. The current size of 1600 by 1200 pixels is much too large for the Web because it will not even fit within the screen dimensions of many monitors. Most Web surfers have at least a resolution of 800 by 600 pixels, so we'll use that as a basis to cater to the lowest common denominator.

Close the duplicate we've been working with and make a new duplicate off the original. Choose the Image Size command. Set the resolution to 72, constrain proportions, resample checked, and Bicubic Sharper as the resample method. Since we need the image no more than 600 pixels high, go ahead and enter 450 in the pixel dimensions height (we'll go smaller since most browsers have title bars, menus and scroll bars that also take up screen space). Notice that the file size decreases considerably.

Click OK and set the magnification to 100% to see the image at the actual size it would appear on the Web. I mentioned before that resampling results in a loss of quality. This is still true when you are resampling to decrease the pixel dimensions, as we have done here, but if you look at the detail areas in the image, the loss of quality is not nearly as noticeable. In general, resampling to a smaller size introduces some softness which can usually be corrected by using the Bicubic Sharper resampling method, or by following the resampling with a bit of sharpening.

Explore Graphics Software

About.com Special Features

Graphics Software

  1. Home
  2. Computing & Technology
  3. Graphics Software
  4. Adobe Photoshop
  5. Photoshop CS2 Basics Course
  6. Resizing Practice Exercises for Photoshop CS2 Basics Lesson 2 Working with Documents

©2009 About.com, a part of The New York Times Company.

All rights reserved.