Use the Images screen to insert or edit an image in your document.
• To insert an image, access the HTML editor (see Using the HTML Editor). Place the insertion point where you want the image to appear, then click the Insert or modify an image button ( ).
• To edit an image, access the HTML editor. Select the image you want to edit, then click the Insert or modify an image button.
You can also resize, drag and drop images in the editing window. See Using the Editing Window.
Note: The email software allows you to use the following image types in your document: bitmap (.bmp), graphics interchange format (.gif), JPEG (.jpg), portable network graphics (.png), tagged image file format (.tif or .tiff).
Figure 161 The Images Screen
Images in your documents must be uploaded to the email software server, or available elsewhere on the Internet. Use the fields on the left side of this screen to upload images to the email software server, and configure the server’s file structure. See Uploading Files and Images to the Email Software Server for information on these fields.
The following table discusses the fields on the right side of this screen.
Table 48 The Images Screen
External image If the image you want to insert is available on the Internet, but not on the email software server, enter the full URL here
(“http://www.examplesite.com/exampleimage.jpg”, for instance).
Load Enter an image’s URL in the External image field and click this to display the image in the image field below.
View preview in new window ( )
This icon displays once you have selected an image from the email software server, or entered a URL in the External image field and clicked Load.
Click this icon to open a new browser window, displaying the selected image at full size.
Alt text Enter the text that displays if the image is unavailable (for example, if the server is offline or the recipient’s email client blocks images).
Note: Not all email clients support Alt text.
Border Specify the width of the border around the image. Enter 0 if you do not want a border around the image.
Note: To change the border color, insert the image and then use the Font color tool ( ) to select the new border color.
Width Specify the width of the image in pixels.
Note: This field is configured automatically when you select or load an image; you do not need to change it if you do not want to resize the image.
Height Specify the height of the image in pixels.
Note: This field is configured automatically when you select or load an image; you do not need to change it if you do not want to resize the image.
Horiz space Enter the amount of empty space to left and right of the image in pixels.
Vert space Enter the amount of empty space above and below the image in pixels.
Align Select where the image should display in relation to the paragraph of text in which it is placed. Bear in mind that not all HTML viewers display aligned images in exactly the same way.
Baseline: this aligns the image with the baseline of the text.
Top: aligns the image with the top of the tallest possible letters in the line of text (even if there are no tall letters).
Middle: in most browsers, this aligns the baseline of the line of text with the middle of the image.
However, in some browsers this aligns the middle of the text with the middle of the image (like ABSmiddle).
Bottom: this behaves the same as Baseline.
In some older browsers, “bottom” referred to the absolute bottom of the text (including letters with “tails,” such as g and y).
TextTop: this is very similar to Top. This aligns the image with the tallest actual letters in the line of text.
ABSmiddle: this aligns the middle of the text with the middle of the image.
ABSbottom: this aligns the bottom of the image with the absolute bottom of the text, including letters with “tails,” such as g and y.
Left: this places the image at the left margin. Text flows around the
IMAGE
The quick brown fox jumps over the lazy dog.
IMAGE war games
The quick brown fox jumps over the lazy dog.
IMAG E
IMAGE
The quick brown fox jumps over the lazy dog.
IMAGE
The quick brown fox jumps over the lazy dog.
IMAGE
Th e q u ick b ro wn fo x ju mp s o v er th e lazy d o g .
image.
Right: this places the image at the right margin. Text flows around the image.
IMAGETh e q u ick b ro wn fo x ju mp s o v er th e lazy d o g . Th e q u ick b ro wn fo x ju mp s o v er th e lazy d o g . Th e q u ick b ro wn fo x ju mp s o v er th e lazy d o g . Th e q u ick b ro wn fo x ju mp s o v er th e lazy d o g .
Th e q u ick b ro wn fo x ju mp s o v er th e lazy d o g . Th e q u ick b ro wn fo x ju mp s o v er th e lazy d o g . Th e q u ick b ro wn fo x ju mp s o v er th e lazy d o g . Th e q u ick b ro wn fo x ju mp s o v er th e lazy d o g .
IMAGE
Style If your document has styles defined, you can select a Style to have the image display using the selected style.
Title Enter a title for the image. In most HTML viewers, this displays when the recipient places the mouse pointer over the image. However, not all email clients support this.
Note: If you want nothing to display when the recipient places the mouse pointer over the image, leave this blank.
Reset properties Click this to return the image properties to their default values.
The image’s Width and Height return to their full size values.
Any information in the following fields is deleted: Alt text, Border, Horiz space, Vert space, Align, Style and Title.
Edit image Click this to open the image in a new window and edit it using the Snipshot online image editing tool.
At the time of writing, this tool allows you to:
• Resize the image.
• Crop the image.
• Enhance the image.
• Adjust the image’s aspect ratio, tilt (horizontal angle), exposure, contrast, saturation, hue and sharpness.
• Rotate the image.
• Turn a color image to greyscale.
See www.snipshot.com for more information.
Note: This field displays only when you are inserting a new image.
Insert image Click this to place the image into your document at the insertion point.
Note: This field displays only when you are inserting a new image.
Modify image Click this to save your changes to the image and return to the HTML editor.
Note: This field displays only when you are editing an existing image in your document.
Cancel Click this to close this window and return to the HTML editor without saving your changes.