Glyph WidgetsGlyph Widgets
ツール概要お問い合わせブログプライバシー利用規約広告を削除Ko-fiでサポート

© 2026 Glyph Widgets LLC. All rights reserved.

·

100%クライアントサイド処理

開発者ツール
テキスト・文章
画像・カラー
メディア
ウェブ・SEO
ユーティリティ
プライバシーとセキュリティ
計算ツール
  1. ホーム
  2. 画像・カラー
  3. 画像ツール
  4. 画像圧縮

画像圧縮

最終更新: 2026年3月10日

視覚的な品質を維持しながら、画像ファイルサイズを最大80%削減します。ブラウザベースの圧縮ツールは、高度なアルゴリズムを使用してJPEG、PNG、WebP画像を最適化し、ウェブ読み込みの高速化とストレージの削減を実現します。

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

JPEG、PNG、WebPなどに対応

複数の画像を一度に圧縮するにはアップグレード

品質が低い = ファイルサイズが小さい。ほとんどの画像には70-80%が推奨されます。

この幅より大きい画像は比例してリサイズされます。

Saved Presets is a Supporter feature.

Tool Notes is a Supporter feature.

機能

  • ▶JPEG、PNG、WebP、GIF、BMP、TIFF、その他ブラウザ対応の画像フォーマットを圧縮
  • ▶調整可能な品質スライダー(10%〜100%)でサイズと鮮明さを精密にコントロール
  • ▶最大寸法スライダー(640〜4096 px)で大きすぎる画像を自動リサイズ
  • ▶Batch Modeで複数画像を一括圧縮、進行状況トラッカー付き
  • ▶オリジナルと圧縮後のサイズを並べて比較し、削減率をパーセンテージで表示
  • ▶個別ファイルのダウンロード、または全結果をZIPアーカイブで一括ダウンロード
  • ▶100%クライアントサイド処理 : 画像がブラウザの外に出ることはありません
  • ▶圧縮プリセットの保存と復元で繰り返しのワークフローを効率化(サポーター)

使い方

1

画像をアップロード

アップロードエリアに画像をドラッグ&ドロップするか、クリックしてファイルピッカーを開きます。Batch Mode(サポーター機能)を有効にすると、複数の画像を一度にキューに追加できます。圧縮前にキューから個別のファイルを削除することも可能です。

2

品質と最大寸法を設定

品質スライダー(10%〜100%)で圧縮レベルを調整します。値が低いほどファイルサイズは小さくなりますが、アーティファクトが増えます。最大幅スライダー(640〜4096 px)で、指定した寸法を超える画像を自動的にダウンスケールします。デフォルトの品質80%・最大幅1920 pxは、ほとんどのウェブ画像に適しています。

3

圧縮

「画像を圧縮」をクリックして処理を開始します。バッチ圧縮時には、進行状況バーで完了した画像数が表示されます。圧縮はバックグラウンドのWeb Workerで実行されるため、ページの応答性は維持されます。

4

確認とダウンロード

圧縮後、各結果を確認できます。サムネイルプレビュー、オリジナルと圧縮後のサイズ、削減率が表示されます。ファイルを個別にダウンロードするか、「すべてダウンロード」をクリックして全圧縮画像をZIPファイルで一括ダウンロードできます。

クライアントサイド圧縮パイプライン

「圧縮」をクリックすると、ツールは各画像をWeb Worker内で動作するbrowser-image-compressionライブラリに渡します。ライブラリは画像をデコードし、必要に応じて指定の最大寸法までリサイズし、目標の品質レベルで再エンコードして、圧縮されたBlobを返します。これらすべてがネットワークリクエストなしで行われます。処理はメインスレッド外で実行されるため、大量のバッチ処理でもUIの応答性が維持されます。

非可逆圧縮と可逆圧縮

JPEGとWebPは非可逆圧縮を使用します。8x8ピクセルブロックにDCT(離散コサイン変換)を適用し、周波数係数を量子化して、人間の目が最も気づきにくいデータを破棄します。品質設定を下げると量子化が増加し、ファイルは小さくなりますがアーティファクトが発生します。PNGは可逆DEFLATE圧縮を使用し、すべてのピクセルを正確に保持します。品質スライダーは非可逆フォーマットに適用され、可逆フォーマットはライブラリのデフォルト設定で最適化されます。

品質とファイルサイズのトレードオフ

品質スライダーはJPEG/WebPエンコーダーの品質パラメータに直接対応します。100%ではほとんどデータが破棄されず、ファイルサイズは大きいままです。50%では積極的な量子化によりファイルを70%以上縮小できますが、目に見えるブロックノイズが発生する場合があります。ほとんどの写真で最適な範囲は70〜85%で、ファイルサイズが大幅に減少しながらもウェブ表示には優れた品質を維持します。シャープなエッジやテキストを含むグラフィックは85%以上を維持するのが効果的です。

自動ダウンスケーリング

画像の幅または高さが最大幅設定を超える場合、ライブラリは圧縮前に比例してスケールダウンします。これが最も大きなファイルサイズ削減をもたらすことが多く、4000x3000の写真を幅1920 pxにダウンスケールすると、画面上ではほとんど知覚できない程度の劣化で8 MBから1 MB未満に縮小できます。ダウンスケーリングは品質圧縮の前に適用されるため、両方の最適化が重ねて効果を発揮します。

プライバシー保証

圧縮パイプライン全体がブラウザのWeb Worker内で実行されます。画像データがサーバーに送信されることはなく、圧縮結果はダウンロードするまでメモリ内にのみ存在します。ツールをクリアすると、メモリ内のすべてのオブジェクトURLが解放されます。このアーキテクチャにより、ポリシーではなく設計によって画像のプライバシーが保証されます。

よくある質問

はい。圧縮はブラウザ内のWeb Workerで実行され、画像がデバイスから出ることはありません。ツールをクリアするかタブを閉じると、画像データはメモリから解放されます。DevToolsのネットワークタブで確認すればご自身で検証できます。

関連ツール

Color Picker

Pick colors from your screen or input values in any format

Contrast Checker

Check WCAG color contrast ratios for accessibility compli...

Color Converter

Convert colors between HEX, RGB, HSL, HSB, and CMYK formats

Favicon Generator

Generate favicons for your website