Display properties control basic details about an image like its size, alignment and margin.
-
Click on the image you want to change.
-
Click on the Image Properties
icon.
-
The image properties dialog appears.
-
Use the various fields and tabs to modify the image.
-
Press OK to commit changes.
-
Width - controls the width of the image. when using % or vw the height is automatically zeroed out. If the image is specified as % or vw an you press OK, the Responsive Image Processor will execute and automatically create multiple images so your image looks good on all devices without wasting bandwidth. If the image is an SVG, the Responsive Image Processor will not run as SVG handle scaling automatically.
-
Height - controls the height of the image. If the width is specified as either % or vw, this must be empty.
-
Don't modify - when checked will place the image exactly as it was uploaded without changing it's size or cropping it. This is required if you are uploading an animated GIF. In the case of an animated GIF, you must make the image the right size using a different tool like Photoshop before uploading.
-
Preserve aspect ratio - when checked will ensure the image is not distorted to accommodate the dimensions. As a result, for example, if you change the width, the height will automatically change to preserve the original aspect ratio.
-
Alignment - can be Left, Right or None. If you choose None, the alignment can be controlled by the containing table cell, or paragraph.
-
Top margin, Bottom margin, Left margin, Right margin - place a space around the respective side of the image.
-
Alternate text - is what visitors see if they don't have a graphical browser. This value is used when search engines index your site. If a blind person is using text-to-speech software or a braille reader, they will get this text. We recommend up 65 characters of text.