大きすぎる画像は、ページが遅く感じられ、アップロードに失敗し、メール添付が弾かれる最も一般的な原因です。とはいえ、正しい要素を調整すれば、ほとんどの写真は見た目を損なわずに 60〜90% 小さくできます。この記事では、Web 用・メール用・アップロード用に画像を小さくする方法を、JPG でも PNG でもスマホで撮ったばかりの写真でも使えるかたちで解説します。
これは自分たちで計測しました。 当サイトの圧縮ツールの初期設定(WebP・品質 80)では、写真が 46%、フラットイラストが 70%、JPG で保存されたスクリーンショットが 85% 減りました。リサイズは予想と違う挙動をします。幅 1200 px から 800 px にすると画素数は 56% 減りますが、ファイルは 15%〜50% しか小さくなりませんでした。 計測データ全体を見る
圧縮とリサイズの削減量は同じではありません。 自分たちのツールで:圧縮は写真 330.2 KB → 178.7 KB(-46%)、JPG のスクリーンショット 45.2 KB → 6.7 KB(-85%)。一方 幅 800 px へのリサイズは同じ写真を 1.88 MB → 967.2 KB(-50%)にしましたが、スクリーンショットは 18.0 KB → 15.3 KB(-15%)だけ。リサイズは画素を 56% 削るのに、スクリーンショットはほとんど縮みません。バイトが鋭い輪郭にあり、縮小しても輪郭は残るからです。写真は圧縮、実際に小さく表示する場合はリサイズです。
ファイルサイズを決める 3 つの要素
画像のファイルサイズは、突き詰めると次の 3 つで決まります。
- 形式——JPG と WebP は PNG よりはるかに効率よく写真を圧縮します。写真を PNG で保存することが、無駄に巨大なファイルになる最大の原因です。
- 品質——非可逆形式では、わずかな細部と引き換えにファイルを大幅に小さくできます。品質 70〜85 なら元画像とほぼ見分けがつきません。
- 寸法——幅 4000 ピクセルの写真を 800 ピクセルの欄に表示するのは、必要の 5 倍のピクセルを抱えているのと同じです。リサイズが最も効くことも多いです。
以下で紹介する方法は、どれもこの 3 要素のいずれかを言い換えたものにすぎません。
この 3 つのレバーは効き方が同じではなく、実測がその差を示します。同じ写真を、ページの初期設定で圧縮すると 330.2 KB → 178.7 KB(-46%)。一方幅 800 px へのリサイズが生む節約はまったく別種のものです。形式・品質・寸法は交換可能なつまみではなく、それぞれ別の種類の画像で失敗します。
いちばん手早く小さくする
とにかく今すぐ小さいファイルが欲しいなら、ブラウザ版の画像圧縮ツールに写真をドラッグし、プレビューがまだきれいに見える範囲で品質スライダーを下げ、ダウンロードするだけです。たいてい一手で数 MB から数百 KB まで落ちます。ソフトのインストールは不要で、画像が端末の外に出ることもありません。
もう少し細かく調整したいなら、次の手順に沿ってください。
どんな写真にも使える基本の手順
- 「PNG で保存された写真」なら、まず JPG か WebP に変換します。
- 実際に表示する最大サイズにリサイズします。
- 品質を 80 前後まで下げ、プレビューを確認します。
この 3 つを行うだけで、数 MB の写真がたいてい数百 KB 以内に収まります。
この手順はフラットな図では効き方が違うので、あらゆる画像に当てる前に知っておく価値があります。6 色のイラストは圧縮で 25.6 KB → 7.7 KB(-70%) —— 写真より比率が大きいのは、べた塗りこそ現代のコーデックが最も得意とするものだからです。
画質を落とさずに小さくするには
「画質を落とさない」とは、正確には「目で気づかない程度の劣化に抑える」という意味で、これは十分に実現できます。次の 2 つは、体感できるダメージがほとんどありません。
- 表示サイズまでリサイズする。 ピクセルを減らす縮小はほぼ無損失です。4000 ピクセルのスマホ写真を、ページが実際に表示する 1500 ピクセルに縮めても見た目は同じで、容量はごくわずかになります。詳しくは画質を落とさずリサイズする方法を参照してください。
- 賢い品質設定を使う。 品質 80〜85 なら、JPG も WebP も、そもそも目に見えない細部を捨てているだけです。60 を下回ると、空にブロックが出たり輪郭がぼやけたりして気づきやすくなります。
同じ見た目の品質なら、WebP は JPG より 25〜35% ほど小さくなります。Web に載せる画像なら、これが最もお得な無料の手です。
そして時間の無駄を防ぐ実測がこれです。幅 1200 px から 800 px にすると画素は 56% 減りますが、UI スクリーンショットは 18.0 KB から 15.3 KB(-15%)しか下がりません。バイトが鋭い輪郭にあり、縮小しても輪郭は残るからです。透明ロゴでさえ 28.8 KB → 17.2 KB(-40%)止まり。画素が減っても、バイトは同じ比率では減りません。
圧縮は最も振れ幅が大きいレバーで、その振れ幅こそ有用な部分です:
| テスト画像 | 入力 | 出力 | 変化 |
|---|---|---|---|
| 写真 | 330.2 KB | 178.7 KB | -46% |
| スクリーンショット | 45.2 KB | 6.7 KB | -85% |
| イラスト | 25.6 KB | 7.7 KB | -70% |
写真は 330.2 KB → 178.7 KB(-46%)、スクリーンショットは 45.2 KB → 6.7 KB(-85%)、イラストは 25.6 KB → 7.7 KB(-70%)。同じ設定で結果は大きく異なります。写真には符号化器が引き換えにできる細部が至るところにあり、平面のイラストにはほとんどないからです。もし品質スライダーがどのファイルでも同じ割合を返すなら、それは画像を測っていません。
メール用に写真を小さくする
多くのメールサービスの添付上限は 20〜25 MB 前後(Gmail は 25 MB、Outlook.com は 20 MB)ですが、企業のメールサーバーでは 10 MB を超えると弾かれることも多く、そもそも巨大な写真は送受信が遅くなります。1 枚あたり 1〜2 MB 以下を目安にしましょう。
- 長辺を 2000 ピクセル程度までリサイズします。通常の閲覧や印刷には十分です。
- JPG で品質 80 として保存します。
- 何枚も送るなら、それぞれ圧縮するか、zip にまとめます。
この方法なら 6 MB のスマホ写真がたいてい 400〜800 KB まで落ちるので、十数枚を一度に添付しても上限に引っかかりません。
アップロード用に画像を縮小する
Web フォーム——求人サイト、本人確認、フリマ出品、行政サイト——は、明確な上限(多くは 1〜5 MB)や最大の縦横サイズを設けていることがよくあります。アップロードが何度も失敗するなら、たいていは画像が大きすぎるのが原因です。2 段階で直します。
- リサイズツールで、サイト指定の最大寸法まで縮小します。
- さらに圧縮して、容量制限に余裕をもって収めます。
SNS はどのみち投稿画像をすべて再圧縮するので、巨大な元画像ではなく適切なサイズの画像をアップロードしたほうが、仕上がりも鮮明でアップロードも速くなります。
形式を変えて容量を減らす
形式は、つい忘れられがちな要素です。目安は次のとおりです。
- 写真 → JPG か WebP。PNG は避ける。
- ロゴ・アイコン・スクリーンショット・平面的な図 → PNG か WebP。
- Web サイト向け → ほぼすべて WebP。
どれを選ぶか迷ったら、Web に最適な画像形式を参考にしてください。
形式を変えるのは「目に見える代価がない」レバーで、形容詞ではなく数値に値します。同じファイルを WebP にすると:
| テスト画像 | 入力 | 出力 | 変化 |
|---|---|---|---|
| 写真 | 330.2 KB | 301.9 KB | -9% |
| スクリーンショット | 45.2 KB | 7.3 KB | -84% |
| イラスト | 25.6 KB | 10.6 KB | -59% |
イラストは 25.6 KB → 10.6 KB(-59%)、写真は 330.2 KB → 301.9 KB(-9%)。どちらの得が大きいかに注目してください。写真ではなく平面のイラストです。形式変更が最も効くのは、まさに「もう小さいはず」と思われている画像です。だから「まず写真を圧縮する」はしばしば誤った出発点になります。
可逆のまま残すべきとき
ロゴ・図表・スクリーンショットなど、くっきりした文字や平面的な色を含む画像は、強い圧縮でエッジが汚く見えることがあります。その場合は PNG(または WebP 可逆)のままにし、主にリサイズでサイズを調整しましょう。
ブラウザ内で、プライバシーも安心
Photoshop もアップロードサイトも不要です。以下の無料ツールはすべて端末内で動作し、画像が外部に出ることはありません。
- 画像を圧縮——品質と形式を調整し、削減した正確なサイズを確認。
- 画像をリサイズ——実際に使う寸法まで縮小。
- PNG を JPG に変換——「写真を PNG で保存」問題を解決。
- WebP に変換——最新サイト向けの最小の選択肢。
よくある質問
アプリを入れずに写真のファイルサイズを小さくするには? 上で紹介したようなブラウザツール(例:画像を圧縮)を使えば大丈夫です。端末内で動くので、インストール不要で画像もアップロードされません。
見た目を保ったまま、どこまで小さくできますか? 写真なら品質 70〜80 がちょうどいい落としどころです。表示サイズへのリサイズと組み合わせれば、鮮明さを保ったまま 8 割以上減らせることも多いです。
リサイズすると画質は下がりますか? 画像を小さくする分にはほぼ無損失です。画質が落ちるのは、元の解像度を超えて拡大したときだけ。撮影されていない細部は増やせないからです。
PNG のファイルがなぜこんなに大きいの? PNG は平面的な色の図向けで、写真向けではありません。同じ写真を PNG で保存すると JPG の 5〜10 倍になることもあり、変換するのが最速の解決策です。
形式・品質・寸法という 3 つの要素を押さえれば、もう肥大化した画像を送ることはありません。