Images

Use markdown to display an image.

![Alt text](/media/image-1.jpg "Photo by Ales Krivec on Unsplash")

Result:

You can use image shortcode to insert an image which automatically generates additional five sizes of image for various display sizes.

Example code:

{{< image src="media/image-1.jpg" >}}

Result:

You can insert image with caption.

Example code:

{{< image src="media/image-1.jpg" title="Photo by Ales Krivec on Unsplash" >}}

Result:

You can add lightbox="true" parameter to use lightbox plugin.

Example code:

{{< image src="media/image-1.jpg" title="Photo by Ales Krivec on Unsplash" lightbox="true" >}}

Result (click on the image):

You can add round="50" parameter to round the corners from 0% to 50%(full circle).

Example code:

{{< image src="media/image-1.jpg" title="Photo by Ales Krivec on Unsplash" lightbox="true" round="50" >}}

Result (you can still click on it):

You can add full="true" parameter to display image with full width.

Example code:

{{< image src="media/image-1.jpg" title="Photo by Ales Krivec on Unsplash" full="true" >}}

Result:

Add resize=false parameter to display original image without resizing (useful for animated GIFs).

{{< image src="media/image-1.jpg" title="Photo by Ales Krivec on Unsplash" resize="false" >}}

Result: