animation load

Middlemanでimgタグのwidthとheightを自動設定

Middlemanでimgタグをヘルパを使って生成するときに、widthとheightを自動で設定してくれる方法を同僚に教わったのでメモ。

やり方は至って簡単。
config.rbの36行目辺りにある以下の記述のコメントを外して有効化する。

activate :automatic_image_sizes

テンプレート側で以下のように書いておくと…
<%= image_tag 'logo.png', :alt => "logo"%>

以下のようにimgタグが生成されます。
<img alt="logo" width="100" height="50" src="/images/logo.png" title="logo">

面倒なwidthとheightの値が自動生成されました。
優秀すぎます、middleman。

TAG