Setting an image’s display size

You can specify that an image display at a certain size other than its true size. Changing its display size does not actually modify the image in any way. Note that when you change the display size of a bitmapped image—especially when you increase its display size—the image may appear blocky or pixellated.

You can set an image’s display size visually, by dragging its resize handles; or precisely, by entering pixel or percentage values in the dialog box.

About image size indicators

When an image is selected in Edit mode, its size is displayed in a light blue bar just under the image. Normally, only the image’s actual size in pixels is shown on this indicator. However, if you have specified a display size, the display size is also shown, and the actual size is shown in parentheses.

Namo Web Editor 4.image.display size Setting an images display size

The size indicator below this resized image shows both its actual size and its specified display size.

Namo Web Editor icon tip Setting an images display sizeIf you find image size indicators distracting, you can hide them. After clicking the image, click the Layout tab, move to View, and click Image Info Bars.

To set an image’s display size visually
  1. Click the desired image.
  2. Do any of the following:
    • To reduce or enlarge the image while keeping its original proportions, drag any of the resize handles at the four corners of the image.
    • To reduce or enlarge the image without regard to its original proportions, drag any of the resize handles at the four corners of the image while holdiing down the Shift key.
    • To increase or decrease the width or height of the image, drag any of the resize handles centered on the sides of the image.

Namo Web Editor icon tip Setting an images display sizeWhen you place the mouse pointer over a resize handle, it will change to a double-arrow shape to indicate that you can click and drag to resize.

To set an image’s display size as numbers of pixels
  1. Double-click the desired image.
  2. Enter numbers of pixels in the Width and Height boxes.
To set an image’s display sizelick the desired image.
  1. Double-click the desired image.
  2. Enter percentage values in the Width and Height boxes.

Namo Web Editor icon note Setting an images display sizeWhen you specify an image’s display size in percentage terms, the percentages are usually relative to the available space—that is, the size of the image’s parent containerThe element, frame, or window that immediately contains the current element.. However, when the image’s parent container is something that has no defined vertical size, such as the entire document body, browsers may interpret a percentage height as being relative to the image’s width.

Namo Web Editor icon tip Setting an images display sizeTo restore an image to its true size, click Restore Original Size in the Image Properties dialog box.

Namo Web Editor icon note Setting an images display sizeSome browsers, such as Internet Explorer 6, may automatically adjust the display size of images that are too large to fit in the browser window.

Related topics

Image Properties dialog box – General tab

 

Setting an image’s display size