Sandy's Great Graphic Tip: Re-sizing Graphics in an Editor

What Happened to that Picture?

Sometimes you see photos on websites that look funny – too wide or narrow, tall or short. In other words, out of proportion. Some other terms used are scale, perspective and aspect ratio. One common way to re-size a graphic is using a WYSIWYG editor. WYSIWYG is pronounced wiz-e-wig and is short for what you see is what you get.

Hover over the corner of a graphic, click and drag. Depending on the program, it’s possible to lose perspective, so keep this little tip in mind.

Hold down the shift key while clicking and dragging. It will keep the picture looking square.

Another Option to Re-Size a Graphic

Another option is to right-click the graphic and choose format. In the window, you usually have a choice to re-size the graphic by pixel size or percentage of original. You will probably see a check box for preserve aspect ratio or uniform scale. Selecting the box means when you enter the horizontal or vertical size, the other dimension is automatically selected to keep the graphic in perspective.

Here’s a visual example of what I mean:

It’s also a good idea to re-size and edit graphics before uploading them. When you upload a large graphic and only want to display a small graphic, it can increase the file size and make the page load slowly. Let’s talk more about that another time.

Remember, a good-looking graphic makes your webpage look interesting and professional.

See you next time!

–Sandy, Purple Wren