画像圧縮ツール

目標サイズを選ぶと、その範囲で最も高い画質を探します

画像圧縮ツールは、JPG・PNG・WebPの画像を元の形式のまま再保存してファイルサイズを小さくします。目標サイズを選ぶと、それを超えない範囲で最も高い画質を探し、画質だけでは足りないときは縦横の寸法を縮めます。たとえばサンプル写真(2,400 × 1,597 のJPG、332 KB)は、目標200 KBなら画質76、199 KBになり、寸法はそのまま残ります。

画質 → 容量の曲線は、追加した写真を画質ごとに実際に保存して測ったサイズです。画質をどれだけ下げるとどれだけ小さくなるかが一目で分かり、元画像と結果を同じ位置で並べて拡大しながら画質を確かめてから保存できます。画像はサーバーに送らず、このブラウザー内だけで処理します。

こんなときに使います

• アップロードできるサイズが決まっている写真を出すとき: マイナンバーカードの交付申請では、顔写真のファイル形式がjpegまたはjpg(heicは不可)、ファイルサイズが20KB～7MBと案内されています(J-LIS)。上限だけでなく下限もあるので、必要以上に小さくしないよう目標サイズを選んでください。ピクセル数の指定がある提出先では「縦横ピクセルを維持(画質のみ下げる)」をオンにします。
• メールやチャット、掲示板に写真を何枚も添付するとき: スマートフォンの写真は1枚で数MBあり、添付の上限をすぐに超えます。複数枚を同じ目標で縮小し、ZIPひとつにまとめて保存できます。
• ブログやネットショップのページが重いとき: ChromeのLighthouseにある「Efficiently encode images」は、圧縮が足りない画像を削減できるサイズとともに示し、小さくすればページが速く開いてデータ通信量も減ると案内しています。
• スクリーンショットやロゴのPNGが重いとき: PNGには画質の数値がなく、写真のようには縮められません。このツールは色数を減らして、透過背景を保ったまま軽くします。サンプルの透過イラストは71 KBから、256色で32 KBになりました。
• 写真の位置情報を消して送りたいとき: 再保存したファイルには、撮影場所(GPS)・撮影日時・機種などのExif情報が残りません。

使い方

1. 縮小する画像を作業エリアにドロップするか、「画像を選ぶ」を押します。スクリーンショットはCtrl+Vで貼り付けても構いません。一度に50枚、1枚あたり50 MBまで追加できます。
2. 目標サイズを選びます。100 KB～2 MBのボタンから選ぶか、「指定」に数字を入力します。目標なしで縮小するなら「目標なし」を選び、曲線をクリックするか矢印キーで画質を選びます(初期値は画質80、PNGは256色)。
3. 必要に応じて保存形式(元の形式・JPG・PNG・WebP)と長辺の最大(2,560～800px)を変えます。ピクセルサイズを守る必要があるときは「縦横ピクセルを維持(画質のみ下げる)」をオンにします。
4. 比較エリアで、「全体」で全体像を、100%・200%で実際の画素を確認します。写真をクリックするとその位置が100%に拡大され、ドラッグすると2つの画面が一緒に動きます。「差分表示」は、元画像から変わった画素を黄色から赤で塗ります。
5. 「この画像を保存」か、ZIPで保存するボタンを押します。ファイル名の末尾にサイズが付きます(例: 写真-199kb.jpg)。

目標サイズは次の順で合わせます

1. 元画像がすでに目標以下で、形式も寸法も変えない場合は、再保存せず元画像をそのまま渡します。再保存しても画質が落ちるだけだからです。
2. 現在の寸法で、画質95から50の間で最も高い画質を探します。中間の画質で保存して目標を超えれば下半分を、超えなければ上半分をさらに二分する方法なので、6～7回の保存で決まります。実際に保存して測ったサイズだけを使うため、結果は必ず目標以下です。
3. 画質50でも目標を超える場合は、画質50のまま長辺を縮め、目標に収まる最大の寸法を探します。
4. 「縦横ピクセルを維持(画質のみ下げる)」をオンにすると、寸法には触れず画質を1まで下げます。それでも超えるときは「目標超過」と表示します。
5. PNGは画質の代わりに色数で同じことをします。256色から64色まで減らし、その次に寸法を縮めます。寸法を維持する場合は2色まで減らします。

下の表は、サンプル写真(2,400 × 1,597、332 KB)を目標ごとに合わせた結果です。

画質50で止めるのには理由があります。ブラウザーが使うlibjpeg系のエンコーダーは、画質50のときJPEG標準の基本量子化テーブルをそのまま使い、50より低いとテーブルの値に(5000 ÷ 画質)%を掛けます。画質25なら200%で2倍、10なら500%で5倍の粗さで丸めるため、8 × 8のマス目模様(ブロックノイズ)が出やすくなります。そのため、それより下げるよりも先に寸法を縮める方を使います。ただし50という基準はこのツールが決めたものです。画質は比較エリアで実際に見て判断してください。

画質 → サイズ曲線の読み方

曲線の点は、追加した写真をその画質で実際に保存して測ったサイズです。縦軸は対数目盛りなので、50 KBと100 KBの間、500 KBと1 MBの間が同じ高さになります。灰色の点線は元のサイズ、赤い点線は目標、大きな点は今保存する結果で、目標より上は赤く塗って超過する範囲を示します。サンプル写真の点は次のとおりです。

• 画質100は元より大きくなります: すでにJPGで圧縮された写真を最高画質で再保存すると986 KBになり、元の約3倍です。失われた画質は戻らず、ファイルだけが大きくなります。
• 90から70の間が最も小さくなります: この写真は画質を90から70に下げると332 KB → 187 KBとなり、43.9%小さくなりました。
• 50より下は縮む幅が小さくなります: 50から30に下げても141 KB → 106 KBです。画質は急に悪くなるのにサイズはわずかしか減らないので、目標がかなり小さいときは寸法を縮める方が向いています。

曲線の形は写真ごとに違います。空や壁のように平らな面が多い写真は低い画質でも小さくまとまり、葉や砂のように細かい模様が多い写真は同じ画質でも大きくなります。決まった画質の数値より、その写真の曲線を見て選ぶ方が確実です。

PNGは色数を減らして軽くします

ブラウザーのキャンバスは、PNGを常に色を落とさない32ビットで保存し、画質の値を受け付けません。HTMLの標準も、画質の値はJPEGのように画質のある形式にだけ使うと定めています。そのためこのツールは、PNG標準のパレット方式(カラータイプ3)で直接保存します。パレット(PLTE)に色を1～256個書き、画素ごとには色の番号だけを持たせ、透明度はパレットの項目ごとに別に書きます(tRNS)。透過背景がそのまま残るのはこのためです。

256色の選び方は次のとおりです。似た色ごとに箱へ分けていくmedian cut(Heckbert 1982)で色を選び、さらに最も近い色同士をまとめて平均を整えます。そのうえでFloyd–Steinberg誤差拡散により、画素ごとに生じた色の差を隣の画素へ分け、グラデーションに縞が出にくくします。元の色が256色以下のスクリーンショットやアイコンは、その色をそのままパレットに入れるので劣化はありません。

サンプルの透過イラスト(1,200 × 900、71 KB)で測った値です。可逆のまま再保存するとかえって大きくなりますが、これはブラウザーのPNG保存が、元画像を作ったソフトより圧縮の度合いが低いためです。「実際に使った色」が指定の色数より少ない行は、その絵に必要な色がそれだけだったことを表します。影やグラデーションのある絵は、64色を下回ると縞や粒が見えやすいので、拡大して確認してください。

形式はそのままにするか、変えるか

• 写真はJPGかWebP: 同じ写真をPNGで保存すると、256色に減らしてもJPGよりずっと大きくなります。
• 透過背景・文字・線のある絵はPNG: JPGには透明がないため、透明な部分が白で塗られ、文字の縁もにじみやすくなります。
• 提出先が形式を指定しているときは「元の形式」: 提出先はJPGのみ受け付けることが多いです。初期値の「元の形式」は、JPGはJPG、PNGはPNGで保存します。AVIF・BMP・HEICなど別の形式は、透明な部分がなければJPG、あればPNGで保存します。
• Web用の写真はWebPも検討: サンプル写真は同じ画質80で、WebPのほうがJPGより小さくなりました。ただし、WebPを受け付けない書式やソフトもあります。

1 KBは1,000バイトで合わせます

国際単位系ではキロ(k)は1,000で、1,024はキビ(Ki)という2進接頭辞で別に表します。米国国立標準技術研究所(NIST)は、2¹⁰が1,000に近いことから、これまでコンピューターの分野ではキロを1,024の意味で使ってきたと説明しています。現在でも、OSやサイトによっては1,024バイトを1 KBと表示するため、同じファイルが場所によって違う数字に見えることがあります。

このツールは1 KBを1,000バイトで数えて合わせます。1,000基準のほうが1,024基準より厳しいので、目標200 KBで合わせた198,940バイトのファイルは、1,024基準では195 KBです。どちらで数えるサイトでも200 KBの上限を超えません。画面のKB・MBは表示する桁で切り上げているので、画面に200 KBと出ていれば、実際にも200,000バイト以下です。

保存する前に拡大して見る場所

• 文字や線の縁: JPGは境界の周りにノイズ(リンギング)が出やすくなります。スクリーンショットや案内文の写真は、100%で文字を確認してください。
• 空・壁・肌のような平らな面: 画質が低いと8 × 8のマス目模様が、PNGの色数が少ないと縞が先に見えます。
• 髪・草・布のような細かい模様: 細かい模様がつぶれて平らになっていないかを見ます。
• いちばん変わった場所: 「全体」の状態で100%・200%のボタンを押すと、元画像と結果がもっとも違う位置を中央に置いて拡大します。「差分表示」をオンにすると、変わった画素が黄色から赤で見えます(差を6倍に強調して塗っています)。

よくある間違い

• 同じ写真を何度も圧縮する: JPGは保存のたびに劣化が積み重なります。縮小済みのファイルをさらに縮めず、元画像から一度で縮めてください。
• ピクセル指定のある提出先で寸法まで縮める: 縦横のピクセル範囲が決まっている提出先では、寸法が変わると受け付けられないことがあります。「縦横ピクセルを維持(画質のみ下げる)」をオンにすると、画質だけを下げます。
• 透過PNGをJPGで保存する: 透明な部分が白で塗られます。ロゴのように背景を空けておきたいときは、PNGかWebPで保存してください。
• HEICやAVIFを入れて形式を確認しない: 「元の形式」でも、これらの形式はJPG(透明があればPNG)に変わります。提出先の形式の条件を確認してください。
• 動くGIFを入れる: 最初のコマだけがPNGで保存されます。動きを残したいときは、GIFの容量を減らす別のツールを使ってください。

画像と個人情報

画像はサーバーに送らず、このブラウザー内だけで読み込んで保存します。PNGの色数削減とSafari向けのWebP保存も、このページ内のワーカースレッドで動きます。再保存したファイルにはExif(撮影場所・日時・機種など)が含まれず、写真の回転情報は保存の前にあらかじめ反映します。元画像をそのまま渡す場合(すでに目標以下、または元のほうが小さいとき)も、画像データには触れずにExifやXMPなどの撮影情報のまとまりだけを外して渡します。回転情報を持つJPGのように、外すと向きが変わるファイルは元のまま渡さず再保存します。

制限事項

• 同じ画質の値でも、ブラウザーによって結果のサイズは変わります。表の数字は2026-10-20にChrome 151で測った値で、SafariやFirefoxでは数%ほど違うことがあります。
• JPGはブラウザー内蔵のエンコーダーで保存し、mozjpegのような専用エンコーダーは使いません。
• 画質50・64色で寸法を縮め始める基準はこのツールが決めたもので、画質を数値で判定するものではありません。
• Display P3のように広い色域で撮った写真はsRGBに変換され、非常に濃い色が少し薄くなることがあります。
• 一度に50枚、1枚あたり50 MB、1億画素まで開けます。iPhoneとiPadはキャンバス面積の上限(16,777,216画素)に合わせてさらに縮め、WebPは1辺16,383pxまでです。
• AVIFでは保存できません。動くGIF・WebP・APNGは最初のコマのみ保存します。曲線は、すべての画像を縮小した後に、いま選んでいる1枚についてのみ描きます。

基準日: 2026-10-20に、以下の資料の該当する記述を確認しました。

出典

• 01libjpeg-turbo — jcparam.c (jpeg_quality_scaling)画質50なら基本テーブルをそのまま(倍率100)使い、50～100は 200 − 2 × 画質、1～50は 5000 ÷ 画質 % に変換
• 02WHATWG HTML Living Standard — canvas toBlob・toDataURL画質の引数はimage/jpegのように画質が変わる形式にだけ使い、未対応の形式ならimage/pngで作成
• 03W3C — Portable Network Graphics (PNG) Specification (Third Edition)PLTEはパレット項目1～256個、tRNSはパレット項目ごとのアルファ値、カラータイプ3にはフィルター0(None)が通常もっとも効果的
• 04MDN — CompressionStream() constructor"deflate"はZLIB圧縮データ形式のDEFLATEアルゴリズムで圧縮(Baseline、広くサポート)
• 05Heckbert, P. (1982). Color image quantization for frame buffer display. SIGGRAPH '82, 297–307カラー画像を決まった数の色に減らす適応型量子化アルゴリズム
• 06NIST — Prefixes for binary multipleskilo = 10³、kibi(Ki) = 2¹⁰。コンピューターの分野でキロを1,024の意味で使ってきた慣行の説明
• 07Chrome for Developers — Efficiently encode images最適化されていない画像を削減できるサイズとともに示し、小さくするとページが速く開き、データ通信量も減る
• 08J-LIS マイナンバーカード総合サイト — 申請用の顔写真に関するよくある質問ファイル形式: jpeg、jpg(heicは不可)、ファイルサイズ: 20KB～7MB
• 09MDN — <canvas>: Maximum canvas size最大サイズはブラウザーごとに異なり、iOS端末は4,096 × 4,096ピクセル
• 10Google for Developers — WebP FAQWebP画像の最大ピクセルサイズは16383 × 16383

よくある質問

あわせて使うツール