2012-03-14-layout-hero-image.md

title	Layout: Hero Image
image	path thumbnail caption /images/so-simple-sample-image-3.jpg /images/so-simple-sample-image-3-400x200.jpg Photo from [WeGraphics](http://wegraphics.net/downloads/free-ultimate-blurred-background-pack/)
categories	Layout
tags	content image layout
last_modified_at	2018-01-31 14:28:50 -0500

This post should display a large hero image at the top of a page.

This post tests a horizontal image using the following YAML Front Matter:

image:
  path: /images/eder-oliveira-180877.jpg

Hero images can also be assigned more succinctly when thumbnail or caption are not used.

image: /images/eder-oliveira-180877.jpg

Tall images will push content down the page. 1600 x 600 is a good middle-ground size to aim for.