always one step forward

はてなブログに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=msize=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>

とすると

参考URL