The University of North Carolina at Greensboro
COLLEGE OF ARTS & SCIENCES  |  TEACHING & LEARNING CENTER  |  IRCS  |  BLACKBOARD

ARTS & SCIENCES INSTRUCTIONAL TECHNOLOGY


How to Resize Images

Adding images to your web pages can contribute to the instructional and visual appeal of a page. However, images can also take up a significant amount of web space. For those of you familiar with web authoring software such as Netscape Compopser and Dreamweaver, you may be aware of the option to click on an image and drag it to resize. This does NOT descrease the actual size of the image at all, so that if you have a 4'x4' original image and you click and drag that image in Composer to make it 2'x2' on the page, the original, large 4'x4' image is still sitting on the server taking up a lot of space and download time. There are three main ways to resize an image:

  1. Crop the image
  2. Reduce the actual pixel size of the image
  3. Save the image as JPG and increase the compression

 

Cropping an Image

Cropping an image is useful when there are elements in the image that are unnecessary. For example, in the image below you may want the portion of the image with the Colosseum, but don't care about having the surrounding areas.

To crop out the part of the image you want, click on the Crop tool- . Then take your mouse and click and drag on the image to select the area of the image you want to keep. Once selected, double-click within the selected area to crop down to the selected area (see below).

 

Reducing the Pixel Size of the Image

To reduce the actual pixel size of an image, choose IMAGE>RESIZE. A dialogue box will apprea asking you to resize by actual pixels or by percentage of original. If you are comfortable with pixel sizes, select that option and enter the pixel dimensions you want. If you are not comfortable with pixel dimensions, choose the Percent of Original option. Enter a percentage in the fields. For example, if you enter 70, the image will be resized to be 70% of the original image size. It is not recommended that you use this resize function to make your image any more than very slightly larger. If you increase the size of your image more than a little using this option, you will notice that the image becomes pixelated, or grainy. It is best to start out with an image about the size of what you want, or larger, and decrease the size as needed rather than increasing the size.

 

Increasing the Compression Of An Image

This option is available only when saving images in the JPG format. Saving as JPG is saving with a "lossy" compression. You have the option in PaintShop Pro to control the amount of compression of your JPG files. The smaller the compression, the higher the quality and size of the image. The greater the compression, the smaller the file size, but you also lose image quality. If you use this option, it is best to play around with it for awhile to learn what levels of compression you can use to make your file smaller while not losing too much image quality.

To modify compression, choose FILE>SAVE AS. When the SAVE AS dialogue box pops up, under file type make sure to select JPG. You will notice an OPTIONS button to the right, in the SAVE AS box. Click this button and you will see a slider scale. You may click and drag along this scale to increase or decrease the compression of your JPG files.