title: "Post: Image (Standard)" categories:
The preferred way of using images is placing them in the /assets/images/ directory and referencing them with an absolute path. Prepending the filename with {% raw %}{{ site.url }}{{ site.baseurl }}/assets/images/{% endraw %} will make sure your images display properly in feeds and such.
Standard image with no width modifier classes applied.
HTML:
{% raw %}<img src="{{ site.url }}{{ site.baseurl }}/assets/images/filename.jpg" alt="">{% endraw %}
or Kramdown:
{% raw %}{% endraw %}
Image that fills page content container by adding the .full class with:
HTML:
{% raw %}<img src="{{ site.url }}{{ site.baseurl }}/assets/images/filename.jpg" alt="" class="full">{% endraw %}
or Kramdown:
{% raw %}
{: .full}{% endraw %}
 {: .full}