画像圧縮・リサイズ

画像圧縮の仕組み

デジタル写真はピクセルごとに色の情報を持っているので、データ量はすぐに大きくなります。1200万画素の写真なら、色の値は3600万個にもなります。画像形式は、この量を2つの方法で小さくしています。

非可逆圧縮（JPGと非可逆のWebP）は、細かい模様やわずかな色の変化など、人の目では気づきにくい情報を捨てて容量を減らします。画質の設定は、どれだけ捨てるかを決めるものです。70〜90%の範囲では見た目の違いはほとんど分かりませんが、圧縮していない画像と比べて5〜10分の1ほどのサイズになることがあります。

可逆圧縮（PNG）は、すべてのピクセルを元のまま保ちます。スクリーンショットや図、ロゴのように同じ色の面が広い画像には効果的ですが、写真ではあまり小さくなりません。写真をPNGからJPGに変えるだけで、画質をどう設定するより大きく容量が減ることが多いのはこのためです。

いちばん効くのはリサイズ

スマートフォンのカメラで撮った写真は横4000ピクセル前後ありますが、Webページやメールで1200〜2000ピクセルより大きく表示されることはめったにありません。幅と高さをそれぞれ半分にするとピクセル数は4分の1になるので、圧縮をかける前の段階でファイルはおよそ4分の1になります。最大の幅か高さを入力すると、各画像を縦横比を保ったまま枠に収まるように縮小します。すでに枠に収まっている画像は拡大しません。

ブラウザの中で行っていること

ファイルを追加すると、ブラウザのバックグラウンド処理（Web Worker）が画像を読み込み、指定したサイズになめらかに縮小し、選んだ形式と画質で保存し直します。処理を裏側で行うので、大量の画像を扱ってもページの操作は重くなりません。元のファイルが書き換えられることはなく、ダウンロードするのは常に新しく作られたコピーです。

保存の処理はブラウザが行うため、Chrome、Firefox、Safariで結果が少し異なることがあります。SafariなどWebPで保存できないブラウザもあり、その場合はWebPを選べなくなっています。iPhoneで撮ったHEIC形式の写真はほとんどのブラウザで開けないので、先にHEIC JPG 変換ツールでJPGにしてから、ここで圧縮してください。

用途別のおすすめ設定

• メールに添付する：JPG、画質75%、最大の幅1600px
• ブログやWebサイトに載せる：WebP、画質75〜80%、最大の幅はレイアウトに合わせて（多くは1200〜2000px）
• 容量制限のある申込フォームやエントリー（100KB以下・1MB以下など）：JPGの80%から始め、一覧の圧縮後のサイズが制限を下回るまで画質か最大の幅を下げる。効くのはリサイズで、スマートフォンの写真も幅1200pxにすればたいてい1MBを大きく下回ります。100KB以下にするには、幅800px程度以下が必要になることが多いです。
• 文字の入ったスクリーンショット：PNG、または文字をくっきり保つためにWebPの90%以上

プライバシーについて

オンラインの画像圧縮サービスの多くは、画像をサーバーにアップロードして処理します。このツールはアップロードを行わず、画像は最初から最後までお使いのパソコンやスマートフォンの中にとどまります。保存し直した画像には、カメラの機種や撮影場所の位置情報（GPS）などのEXIF情報も含まれません。