画像ファイルは、実際に必要なサイズよりずっと大きいことがよくあります。8 MB のスマホ写真も、400 KB で十分きれいに表示できます。画質を落とさずに画像を圧縮する(または劣化を最小限に抑える)方法を知っておくことは、Webサイト、メール添付、書類作成の作業に欠かせません。このガイドでは、ブラウザ上で無料で行う方法を説明します。
画像が必要以上に大きくなる理由
ほとんどの画像は、用途に対して大きすぎます。主な理由は次のとおりです。
- スマホのカメラは最大解像度で撮影する:最近のスマートフォンは 12〜50 メガピクセルの画像を撮影します。Webサイトのサムネイルやメール添付なら、必要なのはおそらく 1〜2 メガピクセルです。
- デザインツールからの未最適化の書き出し:Photoshop や Canva などは、初期設定で高画質のまま書き出します。
- 形式が合っていない:同じ見た目の品質なら JPG のほうが 3〜5 倍小さくなる写真に、PNG を使っている。
- 圧縮されていない:元の画像データが、サイズを減らす処理なしにそのまま保存されている。
どれが自分の場合に当てはまるかが分かれば、適切な対処法が見えてきます。
画像をオンラインで圧縮する方法:ステップごとの手順
画像 圧縮ツールは browser-image-compression を使って、ブラウザ内で画像ファイルのサイズを小さくします。ファイルがサーバーにアップロードされることはありません。
ステップ1:画像をアップロードする
want2convert.com/compress-image にアクセスし、画像ファイルをアップロード欄にドラッグします。対応形式は JPG、PNG、WebP などです。50 MB までのファイルに対応しています。GIF と SVG には対応していません。
ステップ2:品質レベルを設定する
品質スライダー(10〜95%、初期値は 75%)を目標の品質に合わせます。
- 90〜95%:ほぼ無劣化の圧縮。ファイルサイズは 10〜30% 減ります。印刷や高い再現性が必要な用途向けです。
- 70〜85%:ほとんどの用途に最適なバランス。目立った劣化なしで、ファイルサイズが 40〜70% 減ります。
- 50〜65%:近くで見ると圧縮によるノイズが目立ちます。ファイルサイズは 60〜80% 減ります。完璧さより小ささが大事なサムネイルやWeb用途なら許容範囲です。
- 50% 未満:画質が大きく劣化します。ごく小さなプレビュー用にのみ使えます。
ステップ3:最大幅を設定する(任意)
画像のサイズ変更(ピクセル寸法の縮小)も行いたい場合は、最大幅をピクセルで入力します。たとえば次のとおりです。
- 1920px:標準的なHD幅。Webサイトのヘッダー向け
- 1200px:ブログ記事の画像向け
- 800px:メール用画像やSNSのサムネイル向け
すでにその値より幅が狭い画像は、現在のサイズのままになります。この欄を空白にすると、ピクセル寸法は変わらず、ファイルサイズだけが小さくなります。
ステップ4:圧縮した画像をダウンロードする
画像 圧縮 をクリックすると、圧縮前後の比較が表示されます。元のファイルと圧縮後のファイルのサイズが表示されるので、ダウンロードする前に削減量を確認できます。ダウンロードをクリックして保存します。
品質とファイルサイズ:ちょうどよいバランスを見つける
品質設定とファイルサイズの関係は直線的ではなく、中間の範囲で最も強く圧縮されます。
| 品質 | 一般的なサイズ削減率 | 見た目の結果 | |---------|----------------------|---------------| | 95% | 10–20% | 元の画像とほぼ同じ | | 85% | 30–50% | ほとんどの人には違いが分からない | | 75% | 50–70% | 細部が多い部分にわずかなJPEGノイズ | | 60% | 65–80% | なめらかなグラデーションにノイズが見える | | 40% | 75–85% | はっきり劣化している |
Webサイトの画像やメールには、品質 75〜85% がプロの標準的な選択です。多くの画像最適化ツールが初期設定にしている値でもあります。
どの形式にする?JPG・PNG・WebP
圧縮する前に適切な形式を選ぶことは、どんな品質スライダーよりも大きな差を生むことがあります。
JPG / JPEG:写真、スキャン画像、複雑な色やグラデーションのある画像に最適です。非可逆圧縮を使い、品質 80 以上なら劣化はほぼ分かりません。5 MB の PNG 写真が、品質 85% の JPG では 400 KB になります。
PNG:スクリーンショット、図表、ロゴ、単色・文字・透明部分のある画像に最適です。可逆圧縮を使います。複雑な写真のPNGは、同等のJPGよりずっと大きくなります。
WebP:Google の新しい形式です。非可逆圧縮と可逆圧縮の両方に対応し、同等の品質で JPG より 25〜35% 小さいファイルを安定して実現します。最新のブラウザはすべて対応しています。Web用の画像には WebP を使いましょう。
PNG の写真があって、できるだけ小さなファイルにしたい場合は、先に PNG JPG 変換 や 画像 WebP 変換 ツールで JPG か WebP に変換してから圧縮することを検討してください。PNG は可逆形式のため、PNG をそのまま圧縮しても、下の数値(主に JPG と WebP の場合)よりずっと小さな削減にとどまるのが普通です。
用途別の画像圧縮
Webサイトの画像:メインビジュアルやバナー画像は 1 枚あたり 100〜200 KB、サムネイルは 30〜80 KB を目標にします。サーバーを自分で管理できるなら WebP 形式を使い、代替として JPG を用意します。
メール添付:多くのメールソフトは添付ファイルの合計が 10〜25 MB までです。画像 1 枚あたり 100〜500 KB を目標にします。JPG の品質は 75〜80% が標準です。
SNS:プラットフォーム側でどのみち再圧縮されるため、アップロード前に圧縮しすぎないでください。プラットフォーム推奨のサイズで、品質 80〜90% が標準です。
書類(Word、PDF):書類に埋め込む画像は、画面で見るだけの書類なら 150 DPI、印刷用なら 300 DPI にします。書類全体のサイズを減らすために圧縮しましょう。
「可逆」と「非可逆」の違い
非可逆圧縮(JPG、WebPの非可逆):ファイルを小さくするために、画像の情報を完全に捨てます。一度圧縮すると、捨てたデータは戻りません。品質が低いほど、捨てられるデータは多くなります。
可逆圧縮(PNG、WebPの可逆):データを捨てずに、画像データをより効率よく並べ替えます。非圧縮よりファイルは小さくなりますが、同じ見た目の品質の非可逆圧縮よりは大きくなります。元の画像を完全に復元できます。
「画質を落とさずに圧縮」と言うとき、多くの場合は、目に見えるノイズが出ない範囲で最大限の非可逆圧縮をかけること、つまり JPG なら通常 80〜85% の品質を指します。本当の可逆圧縮は PNG や WebP の可逆で可能ですが、削減できる量はずっと小さくなります。
関連ツール
- 画像 圧縮:ブラウザ上で JPG・PNG・WebP のファイルサイズを小さくする
- 画像リサイズ:ピクセル寸法を小さくして、さらにファイルサイズを減らす
- 画像 WebP 変換:WebP に変換して、JPG より 25〜35% 小さいファイルにする
- JPG PNG 変換:可逆の品質が必要なときに形式を切り替える
無料でお試しください — 登録は不要です
ほとんどのツールはブラウザ内で動作するため、ファイルはお使いの端末の外に出ません。一部のツールはファイルを当社のサーバーにアップロードし、処理後に削除します。