This is an example of an image with a large aspect ratio: 2.3 (448 x 195 pixels). Inserting it at 100 pixels wide leaves to small an image to be effective. Therefore, the image thumbnail is set to a full 260 pixels wide taking up the entire width of the 260 pixel wide column.

The uploaded size of the image above is 448 x 195 pixels. The cursor was positioned at the very top-left when "insert image" was selected. The parameters chosen before saving it as an asset and inserting it into the Entry are:

• Display image in Entry
• Use thumbnail (width = 260)
• Link image to full size version
• Align: center

Since "align: center" was chosen, only 20 pixels of space is added to the bottom of the image. Click the title above to see the full Entry at 550 pixels wide.

The following image is inserted with original dimensions (no thumbnail) to demonstrate the "overflow: hidden" property added to the display template.

Notice how the image above in the narrow column gets cut on the right to 260 pixels wide while the full Entry at 550 pixels looks normal.

The next insertion is using a 260 pixel wide image with "aligned: left" to see what happens to the extra 20 pixels of right space MT adds.  You can see it just gets hidden. In the 260 pixel wide column the image will appear above this text. When viewing the full entry at 550 pixels wide. the image should just be aligned left with the spacing added.

Currently testing image placement in a 2-column layout where the column width is set to 260px. Overflow is hidden so an image greater than 260 pixels wide should get cut on the right side without distorting the rest of the entry.

Most camera images have an aspect ratio of 4 x 3 (width = 4, height = 3, or 1.33 aspect ratio) and should not be sized any larger than 100 pixels wide when inserted into the Entry. This is true with other aspect ratios close to the standard from a camera. For instance, a graphic or image that is square should also be limited to 100 pixels wide.

A best practice is to enter all the text first and then insert images placing your cursor at the point you want the image to be inserted.

The uploaded size of the image above is 800 x 600 pixels. The cursor was positioned at the very top-left when "insert an image" was selected. The parameters chosen before saving it as an asset and inserting it into the Entry are:

• Display image in Entry
• Use thumbnail (width = 100)
• Link image to full size version
• Align: left

MT automatically adds 20 pixels of space to the right of an image left aligned and 20 pixels to the left of an image right aligned. In all cases, a space of 20 pixels is added to the bottom of the image. This provides space between the image and the text in the Entry avoiding a crowded appearance. An example on the left of an image taller than wide; still holding width to 100 pixels. Let height be whatever it is going to be.

A left aligned image will have text wrapped around the right hand side of the image. A right aligned image will have text wrapped around the left hand side of the image.

In a 260 pixel wide column a 100 pixel wide image with 20 pixels of space makes up about 45% of the column width which gives a good balance between image and text.

Here's an example of a smaller, square image (48 x 48 pixels) "aligned: right" to demonstrate its appearance in both the 260 pixel wide column and the full Entry at 550 pixels wide. Since it did not have to be re-sized, the "Use thumbnail" was not checked nor was "Link to full size image" checked. Just a simple insertion of the uploaded image.