Image Properties

Whenever an image is uploaded into a blog post, an image properties window will appear. There are a few properties to take into consideration whenever applying an image to a post:

The Media Properties control area.
The Media Properties control area.

Image Alignment:

An alignment should always be selected when including images in your blog post. Setting the alignment on an image affects where it is positioned and how text flows around the image. It also creates a margin in between the text and the image:

Alignment Options
Alignment Options
no alignment vs. right alignment
no alignment vs. right alignment

Image Alignment Left:

Align left pushes an image to the left and allows the text to wrap around the image:

Image aligned left in a blog post
example of image aligned left

Image Alignment Right:

Align right pushes an image to the right and allows the text to wrap around the image:

example of image aligned right
example of image aligned right

Image Center Alignment:

Center alignment centers the image and does not allow for text to wrap around image. Especially in this case, it is important to place the image between two paragraphs:

image with a center alignment
image with a center alignment

Image Size:

You can set the size of an image to thumbnail, medium, large, and full size. Generally, the best options are either medium or thumbnail. Only choose large size if the width dimensions are 500px or less, otherwise the image will be too wide to fit on the page.

large image with 500px width
large image with 500px width

Alt Description:

media-managerimagpropertie-alt

An alt image is a simple description of an image similar to a title and should be included with every image. If an image, for whatever reason, is unable to load, the alt description text will display in its place.

Alt descriptions are also important for accessibility reasons. For example, alt tags assist visually impaired individuals with understanding the contents of a website.