はてなブログにInstagram画像・動画のサイズを指定して貼り付ける方法
はてなブログにはInstagram画像を簡単に貼り付けることができる。自分のInstagramアカウントを紐づけておけば、ブログ編集画面右のメニュー「Instagam貼り付け」に、これまで投稿したInstagram画像のサムネイルが並んで表示されるので、そこから選択(★)するだけ。とても簡単。
ただ現状(2014/1月現在)は、画像・動画とも、このメニューからサイズは選べない。Instagram本体の仕様に合わせてURLを指定すると、それが可能になるので一応メモ
画像のサイズ:3種類から選択可能
- 冒頭の(★)を行うと、以下のように貼り付けられる
[![](http://instagram.com/p/i_WJbRHZfB/media/?size=l)](http://instagram.com/p/i_WJbRHZfB/)
size=l
のほかにsize=m
やsize=t
も指定できる- "t (thumbnail), m (medium), l (large)"
- t: 一辺 150px
- m: 一辺 306px
- l: 一辺 640px
たとえば
[![](http://instagram.com/p/i_WJbRHZfB/media/?size=m)](http://instagram.com/p/i_WJbRHZfB/)
とすると
好みに応じて‥という感じでしょうか。個人的にはこの size=m
が一番見やすい
動画のサイズ:自分でピクセルサイズを指定可能
- 冒頭の(★)を行うと、以下のように貼り付けられる
[http://instagram.com/p/iyj9G7nZXR/:embed]
上記文字列中でサイズ指定はどうやら行えず、代わりに以下が使える(将来使えなくなるかも?)
<iframe src="http://instagram.com/p/(文字列)/embed/" width="(数値)" height="(数値)" frameborder="0" scrolling="no"></iframe>
たとえば
<iframe src="http://instagram.com/p/iyj9G7nZXR/embed/" width="320" height="320" frameborder="0" scrolling="no"></iframe>
とすると