Image Tool

Image Tool

The Image Tool is for selecting, positioning and resizing images. The Image Tool provides a graphical alternative to using the Image Inspector - it applies the same image settings and is constrained by the same image setting rules.

To select the Image Tool click its icon in the Toolkit panel, or choose menu option Edit > Select Tool > Image Tool (or keyboard shortcut  ⌃I  Control-I).

Another way to select the Image Tool becomes available if you have one or more shapes containing an image selected with the Pointer Tool; a miniature Image Tool icon Image Tool icon appears in the top right corner of each shape control; simply click the icon to select the Image Tool. With the Image Tool selected, this icon is replaced by a Pointer Tool icon Pointer Tool icon allowing you to quickly switch back and forth between the Image Tool and Pointer Tool.

TIP: To help learn how to use the Image Tool open the Image Inspector, and observe how using the Image Tool changes the Image Inspector settings.

NOTE: With the Image Tool selected, the Image Inspector remains fully enabled.

To select images for editing:

With the Image Tool selected, click a shape to select its image.

A selected image is given a red bounding box. What else you see depends on the current Image Inspector settings for image Fit and Align, as follows:

if Fit is set to Manual or Tile, resizing is allowed and one or more red resizing handles are displayed

NOTE: Resizing handles are displayed 'intelligently' and are only shown to match the allowable resizing options based on the current Fit and Align settings

if no red resizing handles are displayed, the image is not resizable

4-way arrow icon

if Align is set to Manual, repositioning is allowed and the 4-way arrow mouse icon (shown right) will be showing as you hover over the image

Arrowhead icon

if none of the above mentioned settings are applied, so that neither resizing nor repositioning are allowed, the 4-way arrow with no entry mouse icon (shown right) will be showing as you hover over the image - this is the case when a shape first has an image inserted (the default image Fit setting is Fit - No Stretch) - see the next section to find out how to enable the image for editing

You can select and work on multiple images at the same time; drag a selection zone to select all images lying fully within the zone.

Shift-click any image to add/remove it from the current selection.

Click anywhere off the selected images to deselect them all.

To change Image Inspector settings:

Arrowhead icon

IMPORTANT: If you see the 4-way arrow with no entry mouse icon (shown right) when hovering over an image, double click to enable image resizing and repositioning, which will change the Image Inspector Align setting to Manual. It will also change the Image Inspector Fit setting to Manual, unless the current Fit setting is Tile, which will be persisted.

Double click a selected image's red corner resizing handle to select/deselect the proportional scaling lock (chain icon) that fixes an image's width to height aspect ratio. Notice that this causes red side resizing handles to disappear/appear.

Triple click an image to reset its original size (the current Fit and Use DPI settings aren't not changed).

To change image size and position:

Arrowhead icon

With the Image Tool selected, when you hover the mouse over the resizing handles of a selected image, notice that the mouse pointer changes to an arrowhead icon (shown right).

With the arrowhead icon showing, drag any resizing handle to resize an image. Corner handles allow a 2-dimensional resize, whereas side handles allow a 1-dimensional stretch.

4-way arrow icon

To reposition an image, the 4-way arrow mouse icon (shown right) must be showing when you hover the mouse over it. Drag to move the current selection. Whilst dragging the mouse icon changes from the 4-way arrow to a hand.

NOTE: Snap to Grid is enabled by default, so unless you've turned it off, the current selection will jump from grid point to point as you resize or reposition it. This is helpful when aligning and distributing different images manually. The grid spacings can be altered using the Document Inspector. You can display/hide the grid and enable/disable the snap by using controls provided on the View menu and toolbar.

Related Topics

Inserting Images

Image Inspector

About Image DPI

The Toolkit

The Inspectors