エンジニアブログ

MT技術情報

画像のサムネイル化まとめ

いたはし 2010年03月08日

こんばんは、いたはしです。
最近サムネイル周りで非常に苦しんだので、以下にまとめておきます。

width,height: 指定したサイズに合わせて高さ、幅を調整してくれる。
ただし二つ同時に指定すると、片方処理したあとは満足して何もしてくれなくなる。
幅○○px×高さ○○px以内でサムネイルをおさめる、ということはしてくれない（しろよ！）ので、アップする画像の比率に注意。サムネイル指定を長方形とかにしておくと、正方形の画像が来たときにどっちかはみ出る。
square: 指定したサイズに合わせて正方形のサムネイルを作成してくれる。
ただし、正方形の画像でない場合、正方形化したあとに幅ないし高さのはみ出た部分をカットして表示する。カットする際は画像中心から正方形になるように切り落とすので、人物の首とかがはみ出ていた場合、大変なことになる。 綺麗にサムネイル化してくれるしはみ出さなくなるし↑のwidth,heightの問題は解決するけど人物写真だと厳しい。
scale: 指定した％で縮小してくれる。
ある程度均一なサイズ、比率の画像であれば問題なさそう...なものの、まちまちなサイトの場合は使うに使えない。

結論...サムネイルの利用は計画的に。