画像圧縮

まずリサイズ、それから圧縮

最も大きな削減は、たいてい品質スライダーとは関係のないところにあります。最近のスマートフォンで撮った写真は、横4,000画素あることも珍しくありません。ウェブページ上で横800画素で表示するなら、縦横それぞれ4分の1以外の情報はブラウザが捨てています。誰も見ていない画素の転送に、通信量を払っていることになります。

ファイルサイズは幅ではなく面積に比例します。長辺を半分にすれば画素数は4分の1になり、ファイルサイズもおおむねそれに従います。品質を90から75に下げるよりはるかに大きな削減で、しかも小さいサイズで表示するのであれば見た目の代償はありません。

実務的な手順は次のとおりです。

1. その画像が表示されうる最大サイズを決める。
2. 高精細ディスプレイを考慮して、長辺をその2倍程度にリサイズする。
3. そのあとで、品質を調整する。

品質設定は何をしているか

非可逆形式は、人の目が気づきにくい情報を捨てることで小さくしています。とくに細かな色の変化が捨てられます。人の視覚は色相より明るさにはるかに敏感だからです。品質の数値は、その「捨て方」をどれだけ強く行うかを決めています。

圧縮は元に戻せません。非可逆設定で保存するたびに情報が恒久的に失われるため、同じ JPEG を編集しては保存し直すたびに少しずつ劣化していきます。必ず元画像から圧縮してください。圧縮済みのコピーから圧縮してはいけません。

形式の選び方

WebPが最初に手を伸ばすべき既定値です。同じ体感品質で JPEG より小さくなり、透過にも対応し、現行のすべてのブラウザで表示できます。避ける理由があるとすれば、後工程のどこかに WebP を受け付けない仕組みがある場合だけです。

JPEGは最も安全な受け渡し形式です。画像を読めるものはすべて JPEG を読めます。透過を持てないため、このツールでは JPEG に変換する際、透明部分を白で塗ってから描画しています。そうしないと黒く出てしまうためです。

PNGは可逆圧縮です。スクリーンショット、ロゴ、グラフ、線画のように輪郭がはっきりしたものには、これが正解です。非可逆圧縮ではそうした輪郭がにじんで潰れます。逆に写真には向いておらず、置き換えた JPEG の数倍のサイズになることもよくあります。

端末内で処理するほうが理にかなっている理由

多くの圧縮サイトは、ファイルをアップロードし、サーバー上で処理し、ダウンロードリンクを返す仕組みです。それはあなたの画像の複製が他人のマシン上に存在したということであり、その事業者の保存方針、アクセス制御、そして過去の情報漏洩の履歴に委ねられたということです。旅行の写真なら問題にならないかもしれません。しかしパスポートの画像、診断書、未発表の製品写真なら、大いに問題になります。

ブラウザが画像のデコード・リサイズ・再エンコードを自前でこなせるようになって10年以上が経ちます。ファイルを外に送ることは、技術的に必要だったことは一度もありません。単に作る側にとって楽だっただけです。端末内での処理はアップロードの待ち時間も順番待ちもないぶん速く、誰かの通信費に由来するサイズ上限もなく、複数ファイルを一度に扱えます。