8
6

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

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

Last updated at Posted at 2015-09-16

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

#そんなときにはこれ

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

##***の中身は

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

##使い方

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

##幸せ

before
スクリーンショット 2015-09-16 19.31.47.png

after
スクリーンショット 2015-09-16 19.32.00.png

あらきれい!

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

#参考

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

イナフなtumblrライフを

8
6
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
8
6

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?