tumblrで一覧画像の解像度を高くする方法


この記事

ポートフォリオとかをtumblrでつくろうとすると、画像をずらっと並べたくなりますよね。
そういうテーマはよくあるんですけど、ちょっと画像が荒かったり。一覧でも画像を綺麗に出したい!というとき、よくありますよね。

そんなときにはこれ

{PhotoURL-***}
これです。
***で指定した横幅の解像度で画像を読み込みます。表示サイズはそれぞれの場所の設定で。

***の中身は

500, 400, 250, 100, 75sq, HighResの中から選んでね。HighResは高解像度。
横幅が1280より大きい時は1280もいけるっぽい。

使い方

画像一覧の場合は<img src="{PhotoUrl-***}" alt="{PhotoAlt}"/>と使います。

幸せ

before

after

あらきれい!

テーマのHTMLの中に{PhotoURL-250}で書いてあることが多いので、{PhotoURL-500}とかにしてしまいましょう。
画像おおすぎたら重いかも。あと表示サイズ小さかったら、解像度大きくする必要別にないかも。

参考

http://q.hatena.ne.jp/1320850103
https://www.tumblr.com/docs/en/custom_themes

イナフなtumblrライフを