スモールビジネスのIT日誌

• (2021-05-24 09:44:21)

適度なサイズ

Webコンテンツ内の通常の画像は大きればよいといわけでない。画像は適度なサイズの方が、見やすいし、扱いやすい。

私は通常のブログ記事では640x480px の画像を使うことが多い。

近年、ディスプレイが横方向に大型化している。なので、もう少し大きな画像にするかどうか考えている。

ためしに画像の幅を1280pxにして、ブログに使用してみた・・・大きすぎた。記事やページレイアウトとのバランスが悪い。

そもそもブラウザも1280以下で使う人が多い。

最近のPCディスプレーは横長になってきていているが、だからといって、ブラウザをその幅で使う人は多くない。

デフォルトサイズ：640x480

記事用の画像に関して、「適切なサイズ」について、しっかりした考えやポリシーはとくに持ってこなかった。よい機会なので、考えてみた。

以前、PC画面はVGA (640x480)とか、SVGA、XGA だった。それで小さな画像を投稿していた。しかし、ここ10年くらいはブログ画像として「640x480」で投稿することが多い。

デジカメのデフォルトサイズは「4:3」が多いので縮小すると「640x480」になる。これが、ボクの長年の投稿のための「標準サイズ」だった。

快適なサイズは？

たとえば、PCのディスプレイ解像度は幅が1980pxくらい普通だが、ブラウザは1000pxくらいで使用している人が多いと思う。

この幅だとワンカラムでは視線が左から右へ移動する距離が長い。快適に読むには長いと思う。通常、半分の500pxくらいの幅で読みたい人が多いと思う。

新聞も全角文字20字程度で段組みすることが多い。人が快適に読むには20字以下がよいように思う。この幅に合わせれば、640pxは今でも妥当な幅に見える。

横に細長い画像がいいが

1000pxくらいのブラウザに640pxの画像を一枚表示すると左右が余りすぎて、やや寂しい。しかし、720pxや800pxにするとは幅はしまるが、縦方向への長さが大きすぎる。

だから、画像幅を720pxや800pxにするなら、アスペクト比はハイビジョンの「16:9」くらいの横方向への細長がいいが、これだと、デジカメ写真のトリミングを要求されることになり、手間である。

だから、やはり640でいいか。

640x480では足りない場合

ただ、この画像を他に利用したり、あるいは一部を拡張してみたりといった場合、解像度が足りない。そこで、1280をデフォルトにして、web表示はhtmlの「img」タグで「width=640」にする手もあると思う。

この場合の画像の重量はデジカメの風景写真で、目安として下記の規模感：

640px → 100kbくらい
1280px → 500kbくらい

500kbの画像をWebの単一ページに10枚もアップすると、いかにもムダに重い気がする。

画像の転送にも時間がかかるし編集も保存も軽い方が断然速いし快適である。

1280pxは扱いにくい

ここ1週間くらい、画像を1280pxにして、投稿して、使い勝手を試してみたが、大きすぎて扱いにく。

ブラウザで表示するのもデカすぎる。imgタグでは「width=640」を入れて小さく表示している。960pxや800px、720pxも試してみたが、人の目に快適なサイズは640pxくらいに感じた。

再利用の可能性がある写真は別途大サイズで保管

ということで、今後も標準サイズは「640x480」でいいかという結論になった。

ただし、一部を切り取ったり、一部を拡大したり、あるいは紙に印刷するなどの再利用の場合、60x480は小さい。

そういう再利用が見込まれる写真は撮影時のサイズのまま保存することにした。

「再利用の可能性」の判断が難しいところではあるが。

再利用の可能性が薄いと判断されたものは640x480で画像サイズを小さくしておけば、扱いやすいし、HDDの負担も少ない。

ところで、縦サイズの問題

縦方向に長いと、記事のスペースを奪うことになるし、スクロールすることになる。上下方向に重要な情報は含まれるだろうか？

映画の画面が横長になった理由は知らないが、上下方向よりも横方向に情報があるからに違いない。

1:1はもちろん、4:3でも縦が長すぎる

3:2くらいでいいのでは？と思う。

ボクの標準サイズは640x480として結論にしたが、実は縦方向の480はちょっと大きい気がする。400でいいのかもしれない。

しかし、デジカメが、4:3で撮影するので、縦方向の比率を変えるとすれば、トリミングが必要となる。この手間が面倒である。

単純縮小なら、たいていの画像ソフトで一括縮小が出来ることを考えれば、やはり、480の方がメリットは大きい。