2016-09-21 22:13:25 -04:00
---
title: "Post: Image (Standard)"
categories:
- Post Formats
tags:
- image
- Post Formats
---
2016-10-10 11:48:30 -04:00
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.
2016-09-21 22:13:25 -04:00
Standard image with no width modifier classes applied.
**HTML:**
```html
{% raw %}< img src = "{{ site.url }}{{ site.baseurl }}/assets/images/filename.jpg" alt = "" > {% endraw %}
```
**or Kramdown:**
```markdown
{% raw %}{% endraw %}
```
Image that fills page content container by adding the `.full` class with:
**HTML:**
```html
{% raw %}< img src = "{{ site.url }}{{ site.baseurl }}/assets/images/filename.jpg" alt = "" class = "full" > {% endraw %}
```
**or Kramdown:**
```markdown
{% raw %}
{: .full}{% endraw %}
```
{: .full}
