並べてみる結論:デカい画像を高圧縮!真っ先に書いちゃいますね。解像感を維持しながらJPEG画像のファイル容量を減らすとき、ピクセルサイズよりも画質を落としたほうが綺麗です。悩んでました僕は写真をブログに掲載するとき、できるだけ綺麗な写真を見てもらいたいと考えています。ファイル容量が重たい画像を載せると記事の表示に時間がかかって、快適に読めなくなってしまいます。サイズ」とグーグル検索してみましたが、ピクセルサイズしか言及していない記事ばかり......(探し方の問題かもしれませんが)。JPEG形式の画像ファイルにはピクセルサイズのほかに「画質」というバロメーターがあります。これを変えると同じピクセルサイズでも、かなりファイル容量が変化するのです。そこで「ブログに写真を掲載するときにファイル容量を抑えつつ、解像感を維持するにはどうしたらよいか?」を確かめるため、ピクセルサイズを小さく&高品質(=低圧縮)ピクセルサイズを大きく&低品質(=高圧縮)の2つのアプローチで検証してみました。標準の「プレビュー.app」を用いています。画質(=品質)を設定して「別名で保存」を行いました。対応していると思われます。スケールに換算するには画質の値を12.5倍してください。今回、用意した画像は昨秋に宮城県の鳴子峡を写した1枚。木々の葉や橋梁の柱が細かく描画されているので、ファイル容量が大きくなりがちな写真です。4024px29.9MBとなっています。手始めに長辺を640pxにリサイズして画質によるファイル容量を比較してみます。ピクセルサイズの変更すると、ファイルサイズは以下のようになりました。597KBなんと約20倍もの差が生じました。解像感の差は歴然です。→ピクセルサイズと圧縮もちろんピクセルサイズが大きくなれば、ファイル容量も増えます。同じ画像をリサイズ&圧縮してファイル容量の変化をグラフにしてみました。ピクセルサイズは長辺(横)の数値ですここでグラフを見てみると、640pxで画質:7のときと1800pxで画質:0のときはどちらも約200KBのファイル容量でした。198KBでは、小さくて低圧縮の画像と大きくて高圧縮の画像はどちらが綺麗に標示されるのでしょうか?並べてみるこんなの並べれば一目瞭然だと思います(少し表示に時間がかかるかもしれません)。※中央のバーを左右に動かすと比較できます640pxではモザイク画のように潰れたディテールが1800pxの画像では残っています。ピクセルサイズは正義でした。同じファイル容量ならば、大きなピクセルサイズで画質を落としたほうが綺麗に表示されるが今回の検証の結論です。これからブログに掲載する写真は1800pxにリサイズして、ファイル容量が200〜250KBになるように画質を調整していきます。スマートフォンの小さな画面で閲覧するぶんには640pxも1800pxも“言われてみればわかる”程度の差異なので、あまり気にする必要もないのかもしれませんね。このブログのアクセス者の4割以上はパソコンを利用しているようなので、大画面向けに高解像度の写真を上げていこうと思います。