画像圧縮（JPEG・PNG・WebP）

JPEG、PNG、WebP画像をブラウザ内で圧縮。画質の調整、サイズの上限指定、PNGの減色ができ、削減できた割合も正確に確認できます。

ここに画像をドロップするか、クリックして選択

クリップボードから画像を貼り付けることもできます（Ctrl+V / ⌘V）

すべてブラウザ内で実行されます。データがアップロードされることはありません。

画像圧縮とは？

画像圧縮は、写真やグラフィックを再エンコードしてファイルを小さくします。画質スライダー付きの非可逆のJPEGまたはWebP、透過を保つ減色PNG（TinyPNGに似たパレット量子化）、可逆のPNG再エンコードから選べ、必要に応じて最大の幅と高さも制限できます。元のサイズと新しいサイズ、削減できた割合が表示され、結果が小さくならない場合は警告します。

画像圧縮の使い方

アップロード領域に画像をドロップするか、クリックしてファイルを選ぶか、Ctrl+Vで画像を貼り付けます。
出力形式を選びます：JPEG、WebP、減色PNG、可逆PNG。
画質（JPEG/WebP）または最大色数（減色PNG）を調整し、必要なら最大幅 / 最大高さも設定します。
プレビューとサイズ変化のバッジ（例：「120 KB → 38 KB、68%削減」）を確認します。
ダウンロードボタンをクリックして、photo-compressed.jpg のような名前で圧縮したファイルを保存します。

例

入力

300×200 PNG photo with noise (107 KB), output format WebP, quality 75

出力

WebP file of the same 300×200 size; the size badge shows the new size and a “% smaller” value

正確な割合は、画像の内容とブラウザのエンコーダーによって変わります。

画像圧縮を使うべき場面

ファイルサイズが重要なとき、Webサイト、CMS、メール、チャットに写真をアップロードする前に、また透過を保ったままスクリーンショットやロゴを小さくするときに使います。一括最適化ツールではなく、MozJPEGやoxipngのような高度なエンコーダーも使わないため、ビルド時の専用ツールならさらに数%小さくできる場合があります。すでに強く圧縮されたJPEGを繰り返し再圧縮しないでください。非可逆の処理のたびにディテールが失われます。

画像圧縮の仕組み

画像はブラウザでデコードされ（EXIFの向きは適用されます）、canvasに描画されます。最大サイズを指定した場合は、高品質のスムージングで半分ずつ縮小されます。JPEGとWebPは canvas.toBlob(type, quality) で生成され、JPEGはアルファチャンネルがないため透明なピクセルは白になります。減色PNGモードは、gifenc ライブラリのPnnQuantアルゴリズムでRGBAピクセルを最大256色に量子化し、8ビットのインデックスPNG（PLTEとtRNSチャンク、ブラウザの CompressionStream で圧縮）を書き出します。可逆PNGはブラウザが単に再エンコードするだけで、あまり小さくなりません。