Page Edit Mode - Unlocked
Resizing An Image
Imagery is an important element of any website because it sets the tone for the page. To resize an image, first determine the current dimensions or size of the image. One easy way to see the size of an image is to hover over the file. We can see the dimensions of the photo above are 2135 x 1749. This image is many times larger than the average monitor so it will need to be sized for web use. A good height for this image is about 200 pixels, which is about 10 percent of the original height. It isn’t necessary to size the image here but if taken from a digital camera, you will need to shrink it considerably to avoid affecting the page load time.
The easiest way to resize an image in Microsoft Windows is to right click on the photo and select “Edit.” This will most commonly open the picture in Microsoft Paint.
Tip: If the “Edit” link opens Microsoft Picture Manager on your computer, then locate the “Resize Image” link in the right column.
Once in paint, click “Image” from the navigation and select “Stretch and Skew.” Change both the horizontal and vertical values to the desired percent and click “OK.” We are shrinking the image to 10 percent of the original size in this example. If your first attempt at sizing the image is not correct, click “Edit” and “Undo” to try again using a different percentage.
Tip: Be sure to undo failed attempts at resizing an image. Resizing an image more than once will degrade the image quality.+
Finally, save your image as a separate file by adding the word “sized” to the original file name. This prevents the original from being altered and aids in locating the correct file when you are ready to upload. Next, go to your Assets page and upload the resized image.
Tip: Saving all the files you upload to your website in a folder called Website Images will help keep you organized.