技ログ

Tech, etc.

Octopressで画像のwidth,height属性を指定する

Octopressで表示させる画像にwidth,height属性を指定するようにした。
http://octopress.org/docs/plugins/image-tag/

Syntax

1

{% img [class names] /path/to/image [width] [height] [title property [alt property]] %}

例えば、下記のように記述する。

1
2

-![alt property](/images/image-1.png)
+{% img /images/image-1.png 200 160 "title property" "alt property" %}

結果、生成されるHTMLは以下のようになる。

1
2

-<p><img src="/images/image-1.png" alt="alt property" /></p>
+<p><img src="/images/image-1.png" width="200" height="160" title="title property" alt="alt property"></p>