Skip to content
This repository has been archived by the owner on Dec 29, 2017. It is now read-only.

Latest commit

 

History

History
46 lines (38 loc) · 1.64 KB

2017-12-12-image-width-issue.md

File metadata and controls

46 lines (38 loc) · 1.64 KB
layout title
post
Image Width Issue

The below image has been inserted through Markdown and is its native size of 600x600px. {% raw %}

![600x600 Markdown]({{ site.baseurl }}/assets/img/rainbow-color-square-hi.png)

{% endraw %} ![600x600 Markdown]({{ site.baseurl }}/assets/img/rainbow-color-square-hi.png)

The below image has been inserted through HTML and is its native size of 600x600px. {% raw %}

<img src="{{ site.baseurl }}/assets/img/rainbow-color-square-hi.png" alt="600x600 HTML" />

{% endraw %} 600x600 HTML

The below image has been inserted through HTML, but has been resized to 300 in height only. {% raw %}

<img src="{{ site.baseurl }}/assets/img/rainbow-color-square-hi.png" height="300" alt="300x300 HTML" />

{% endraw %} 300x300 HTML

The below image has been inserted through HTML, but has been resized to 300 in both height and width. {% raw %}

<img src="{{ site.baseurl }}/assets/img/rainbow-color-square-hi.png" width="300" height="300" alt="300x300 HTML" />

{% endraw %} 300x300 HTML

The below image has been inserted through HTML, but has been resized to 300 in width only. {% raw %}```html 300x300 HTML

{% endraw %}
<img src="{{ site.baseurl }}/assets/img/rainbow-color-square-hi.png" width="300" alt="300x300 HTML" />