画像の容量が問題になる理由
高画質カメラが一般化し、写真1枚のファイルサイズもかなり大きくなった。スマートフォンで撮った写真が5MBを超えるのは珍しくないし、一眼レフカメラで撮影したRAWファイルは数十MBに達することもある。日常的な用途ではあまり気にならないかもしれないが、特定の状況では画像の容量が直接的な問題を引き起こす。
容量が大きいと起きる問題
画像容量を削減する基本原理
画像の容量を減らす方法は大きく3つに分けられる。それぞれの特性を理解すれば、状況に応じた最適な方法を選択できる。
1. 解像度を下げる（リサイズ）
最も直感的かつ効果的な方法だ。4000×3000ピクセルの写真を2000×1500に縮小すれば、ピクセル数が1/4になり、ファイルサイズも大幅に減少する。ブログに掲載する写真なら横幅1280〜1920ピクセルで十分だし、SNS用なら1080ピクセルあれば事足りる。
元の解像度がどうしても必要な場合でなければ、リサイズだけで容量を60〜80%削減できる。
2. 圧縮率の調整（品質設定）
JPGやWebPのような非可逆圧縮形式では、品質の数値を調整できる。100%から85%に下げるとファイルサイズはかなり小さくなるが、肉眼で見分けがつかない程度の微細な違いしか生じない。
実用的には以下の基準が通用する：
3. ファイル形式の変更
同じ画像でも形式によってファイルサイズが大きく異なる。一般的にWebPはJPGより25〜35%小さいファイルを生成しながら、同程度の画質を維持する。最新ブラウザの大半がWebPをサポートしているため、Web用画像であればWebPへの移行を積極的に検討する価値がある。
実践：状況別の最適設定
ブログ・Webサイト用
メール添付用
SNSアップロード用
ドキュメント挿入用
Pixkitで手軽に容量を削減する
Pixkitのリサイズツールを使えば、解像度の調整と品質設定を一度に行える。変換前後のファイルサイズをリアルタイムで比較できるため、目標の容量に合わせやすい。
複数の画像を一括処理する必要がある場合はバッチ処理機能を活用してほしい。数十枚の写真も同じ設定で一気にリサイズできる。
画質劣化なく容量を減らすコツ
画像ファイルが大きくなる理由
スマホのカメラ性能が上がるたびに、写真1枚あたりの容量も着実に膨らんでいる。少し前までは1200万画素が標準で、1枚あたり3〜5MB程度だった。それが5000万画素クラスになると10〜15MB、最近の1億800万画素や2億画素のハイエンド機では、何気なく撮った1枚が平気で20MBを超えてくる。JPEGではなくRAWで撮ればさらに倍近く、5000万画素のRAWなら30〜50MB、同じシーンのJPEGが5〜10MBといった感じだ。
iPhoneはこの流れに対してHEICで対抗していて、同じ画質でもJPEGより30〜50%軽い。ただしHEICはApple以外の環境との相性が悪い。Windowsユーザーに送ればプレビューが真っ白になることがあるし、古い投稿フォームでは弾かれる。iOSは共有時に自動でJPEGへ変換してくれるが、それだと結局せっかくの軽さが消えてしまう。他のプラットフォームでiPhoneの写真を扱うことが多いなら、HEICをJPGに変換する方法の記事が参考になる。
どれくらい減らせるのか — 実際の数字
実際に圧縮作業をするときには、具体的な数字を頭に入れておくと判断が早くなる。カメラ出しの12MBのJPEGを横幅1920pxにリサイズして品質85%で保存し直すと、大体1.2MB前後に落ち着く。見た目はほぼ同じなのに90%の削減だ。PNGをWebPに置き換えれば効果はさらに顕著で、50〜80%軽くなる。しかもロゴやアイコンの透過はそのまま保たれる。
解像度の変更は一番効くレバーだ。4K（3840×2160）から1080p（1920×1080）に落とすだけで、品質スライダーに触れる前にピクセル数が75%減る。写真ライブラリで計算するとわかりやすい。合計800MBの100枚が、処理後には100MB前後に収まる。どの形式が自分の用途に一番合うのか迷ったら、JPG・PNG・WebPの違いの記事に詳しく書いてある。
品質80〜90%が最適な理由
ほとんどのツールで品質スライダーは0〜100まで動くが、実用的に意味のある範囲は思ったより狭い。100だとエンコーダーはほぼ圧縮していない。90に下げても通常の視聴距離では肉眼で違いを感じられないのに、ファイルはすでに30〜40%軽くなっている。90から80でさらに20%ほど縮む。80あたりから、布のしわや葉の茂った木など情報量が多い部分に少しブロックノイズが見え始めるが、拡大してまじまじと見なければ気づかないレベルだ。
用途に合わせて使い分けるのがコツだ。印刷なら紙の上でも細部が生きるように95%以上をキープ。Web用なら80〜90%が素直な最適解。サムネイルは読み込み速度が優先なので70〜80%で十分だ。70%未満は公開用には避けたい。画質劣化がはっきり見えてくるし、グラデーションが帯状になって、いかにも「圧縮しすぎ」という見た目になってしまう。
形式変換で容量を減らす
ピクセル自体に手を加えず、入れ物を変えるだけで済むこともある。JPGからWebPへの変換は平均25〜35%軽くなり、目で見てわかる画質低下はない。WebPは今やすべての主要ブラウザがサポートしている。Googleが長年プッシュしてきた形式が、ようやく定着した格好だ。Webに載せる画像ならWebPはほぼ無条件に勝ち筋となる。
PNGからJPGへの変換はもっと効果が大きく、60〜80%縮む。ただし透過が不要な場合に限る。ロゴやアイコン、UI素材はPNGのままにするか、透過に対応したWebPに移すのが正解だ。HEICからJPGへの変換は容量削減というより互換性対策だ（JPGの方がむしろ少し重い）。iPhoneの写真はどこでも開けるわけではないので、あらかじめJPGにしておくと「なぜアップロードできないの」という面倒が激減する。Pixkitの形式変換ツールならこれらをまとめて扱える。
Pixkitでファイルサイズを減らす方法
実際の手順を最初から最後まで書いておく。ブラウザでpixkit.app/resizeを開く。画像をページにドラッグするか、クリックで選ぶ。今のファイルサイズが即座に表示されるので基準がわかる。幅の欄に1920と入力すると、縦横比が自動でロックされているので高さは勝手に計算される。出力形式にJPGを選ぶ。品質スライダーを85に合わせる。リサイズボタンを押す。
ビフォー・アフターが両方のファイルサイズと一緒に表示されるので、一目で「これでいいか」が判断できる。問題なければダウンロード。30枚まとめて処理したいときはバッチ機能に切り替えて、同じ設定を一括適用すればいい。すべての処理はブラウザ内で完結する。サーバーに何も送らないし、アップロード待ちもない。1枚なら30秒もあれば完了だ。実際の画面はリサイズツールで確認できる。
実例 — ビフォーアフター
実際のケースを3つ紹介する。まずブログのヘッダー画像。一眼で撮った6000px幅、8MBの風景写真。1920pxにリサイズして品質85%のJPGで書き出したら、最終ファイルは450KB。94%の削減で、その後どの端末で見ても劣化は感じない。
次に小さなスタジオで撮った商品写真。元は15MB。商品写真は細部が命なので、リサイズは1200pxにとどめて品質を90%に上げた。仕上がりは約800KB、95%減。商品を魅力的に見せるための縫い目のシャープさも失われていない。
最後にInstagram投稿用のiPhone HEIC写真、元は5MB。ポイントはまずHEICをJPGに変換してから1080pxに縮小して品質85%で書き出すこと。最終サイズは約200KB、96%減だ。Instagramはどのみちアップロード後に再圧縮をかけてくるので、最初から無駄のない整った状態で渡した方が、向こうの圧縮パイプラインでの追加ダメージが少なくて済む。以上3つのケースすべてで、並べて見ても画質の違いは感じられないまま、容量だけが90%以上落ちている。
まとめ
画像の容量削減は難しくない。核心は使用目的に合った解像度と品質を選ぶことであり、一度コツをつかめば毎回自然と適用できるようになる。重い画像で困っていたなら、Pixkitで直接リサイズしてみてほしい。ブラウザさえあればすぐに始められる。
画像圧縮の手法をさらに深く学びたい場合は、Google web.devのImaginによる画像圧縮ガイドが参考になる。