Public Health IT

When preparing an image for the web, it is important to properly resize the image. If you want to display an image at 150px wide and your image is 300px wide, then you should resize it before uploading it to the web. This is a routine task for a graphic designer, but you don't have to be one to resize images. This can be done using basic programs like Microsoft Paint and Mac Preview, or using an online web service.

REMINDER: Always include Alt text when you upload your image

MICROSOFT PAINT

Crop a picture using Paint

1. Open Paint by clicking the Start button, clicking All Programs, clicking Accessories, and then clicking Paint.
2. Click the Paint button, click Open, click the picture you want to crop, and then click Open.
3. On the Home tab, in the Image group, click Select.
4. Click and drag to select the element you want to keep in the picture, and then click Crop.
5. Click the Paint button, point to Save as, and then click the picture file type for the cropped picture.
6. Type a new file name in the File name box, and then click Save.

Resize a picture using Paint

1. Open Paint by clicking the Start button, clicking All Programs, clicking Accessories, and then clicking Paint.
2. Click the Paint button, click Open, click the picture you want to resize, and then click Open.
3. On the Home tab, in the Image group, click Resize.
4. In the Resize and Skew dialog box, select the Maintain aspect ratio check box so that the resized picture will have the same aspect ratio as the original picture.
   
   If the Maintain aspect ratio check box is selected, you only need to enter the horizontal value (width) or vertical value (height). The other box in the Resize area is updated automatically.
5. Do one of the following in the Resize area, and then click OK:
   
   • To resize your picture by a certain percentage, click Percentage, and then enter a percentage to reduce the width by in the Horizontal box or a percentage to reduce the height by in the Vertical box.
   • To resize the picture so it's a specific size, click Pixels, and then enter a new width in the Horizontal box or new height in the Vertical box.
6. Click the Paint button, point to Save as, and then click the picture file type for the resized image.
7. Type a new file name in the File name box, and then click Save.

ONLINE WEB SERVICE

Resize and Crop a picture using an online site

1. Go to a photo resizing site (These steps use PicResize.com for this example)
2. Upload an image and click continue.
3. Start at step 1 on the page and use the Crop Menu to crop as needed.
4. Scroll to step 2 on the page and resize the image (always maintain the same aspect ratio).
5. Scroll to step 3 on the page and leave Special Effect set to None.
6. Scroll to step 4 on the page and choose your file format.
7. Click to continue.
8. On the final screen, click Save to Disk to save it to your computer.

MAC PREVIEW