mj-image

Displays a responsive image in your email. It is similar to the HTML <img /> tag. Note that if no width is provided, the image will use the parent column width.

Here is the following attribute you can use on this element -

• padding
• padding-top
• padding-bottom
• padding-right
• padding-left
• container-background-color
• border
• border-radius
• width
• height
• src
• href The location where it will take the user when clicking on that image.
• target
• rel
• alt
• align Align the image respect of the container. Values are left, center, right
• title is the text which is displayed when user pause the mouse over the image.
• css-class

<mjml>
  <mj-body>
    <mj-section>
      <mj-column>

        <mj-image 
          width="300"
          border="10px solid green"
          border-radius="50%"
          width="200px"
          height="250px"
          align="left"
          title="Hello World"
          href="https://google.com"
          src="http://www.online-image-editor.com//styles/2014/images/example_image.png" />
          
      </mj-column>
    </mj-section>
  </mj-body>
</mjml>