無料オンライン画像圧縮ツール

画像圧縮の仕組み

このツールはブラウザに組み込まれたCanvas APIを使って、画像をより低い品質設定で再エンコードします。品質スライダーを80%に設定すると、ブラウザは元画像の視覚的な品質を約80%保持しながら、通常40〜70%のファイルサイズ削減を達成するJPEGまたはWebPファイルを生成します。

圧縮の処理手順

1. 画像が非表示のHTML Canvasエレメントに描画されます（メモリ内で処理され、ブラウザタブ外には何も出ません）。
2. CanvasがObjectURL toBlob(callback, mimeType, quality)を呼び出します。qualityはスライダーの値を100で割ったものです。
3. 圧縮されたblobがObjectURLとしてメモリ内に保持されます — 直接ダウンロードできるローカル参照です。
4. 「すべてクリア」をクリックすると、すべてのObjectURLが無効化されメモリが解放されます。

EXIFの削除 — プライバシー機能

Canvasの再エンコードはソースファイルからメタデータをコピーしません。つまり、すべてのEXIFデータ（GPS座標、デバイスモデル、カメラ設定、タイムスタンプを含む）が出力から自動的に削除されます。これはクライアントサイドのCanvas処理に固有のプライバシー上のメリットです。

PNG vs JPEG vs WebP

JPEGは写真に最適な形式です。品質80〜85では、ほとんど見えない品質低下で非圧縮の元画像より5〜15倍小さいJPEGファイルが生成されます。Web向けの写真にはJPEGを使用してください。

WebPは同等の視覚品質でJPEGより通常25〜35%優れた現代的な形式です。透明度もサポートしています。非常に古いブラウザ（IE11）をサポートする必要がない場合は、Web画像にWebPを使用してください。

PNGはロスレスで、スクリーンショット、ロゴ、テキストを含む画像に最適です。CanvasはカラーパレットをデフォルトでNASAに縮小しないため、Canvas PNG出力は元より小さくならないことがあります。大幅なPNG圧縮には、上記の形式セレクターを使ってWebPに変換してください。

どの品質設定を使うべきですか？

• 85〜95%：最小限の圧縮、最高品質。プロの写真撮影や印刷向け出力に使用してください。
• 70〜80%：デフォルト範囲。Web画像に最適。元画像とほぼ同じ見た目で40〜60%ファイルサイズが削減されます。
• 50〜65%：中程度の圧縮。ファイルサイズが画質より重要なメール添付やSNSに適しています。
• 10〜45%：強い圧縮。サムネイル、プレビュー、または表示速度が画質より優先される場面に適しています。

よくある質問

• このツールは画像をサーバーにアップロードしますか？
  いいえ。すべての画像圧縮はCanvas APIを使用してブラウザ内で完全に行われます。ファイルはデバイスから外に出ることも、いかなるサーバーにも送信されることもありません。
• どの画像形式に対応していますか？
  JPEG、PNG、WebP、GIF（最初のフレームのみ）。形式間の変換も可能です — たとえば、PNGをWebPに変換してファイルサイズを削減できます。
• 圧縮によって画像の品質に影響しますか？
  品質はスライダーの設定によって異なります。80%（デフォルト）では、ほとんどの画像が元画像と同じように見えながら40〜70%のファイルサイズを節約できます。値を下げると圧縮は増えますが、目に見えるアーティファクトが発生する可能性があります。
• 圧縮後にPNGファイルが大きくなるのはなぜですか？
  PNGはロスレス圧縮を使用しており、ブラウザのCanvas APIは元のエンコーダーほど積極的にPNGを再圧縮しない場合があります。大幅なサイズ削減にはWebPまたはJPEGへの変換をお試しください。
• EXIFデータ（GPS位置情報、デバイス情報）は削除されますか？
  はい。Canvasの再エンコードにより、GPS座標やカメラ情報を含むすべてのEXIFメタデータが削除されます。これはブラウザサイド処理の自動的なプライバシー上のメリットです。
• 一度に何枚の画像を圧縮できますか？
  1バッチにつき最大20枚。処理は順次行われるため、ブラウザの応答性が保たれます。ダウンロード後、キューをクリアして新しいバッチを開始できます。