画像圧縮ツール

ブラウザ内で画像を圧縮。品質とリサイズのコントロール付き。圧縮前後のファイルサイズを比較できます。

このツールについて

画像圧縮ツールは、ソフトウェアのインストールなしでJPEG、PNG、 WebP画像のファイルサイズを削減できる無料のブラウザベースツール です。ウェブサイト用の画像最適化、メール添付ファイルの サイズ縮小、サムネイルの一括準備など、迅速かつプライベートに 処理できます。

すべての圧縮はHTML5 Canvas APIを使用してデバイス上で完全に 行われます。画像をアップロードすると、FileReader APIで メモリに読み込まれ、オフスクリーンの<canvas>に描画された 後、選択したMIMEタイプと品質レベルでcanvas.toBlob()を 使用してエクスポートされます。JPEGとWebPの場合、品質パラメータ が非可逆圧縮比を制御します。PNGはロスレス形式のため、品質 スライダーはPNG出力には影響しませんが、リサイズは機能します。

処理が完全にクライアントサイドで行われるため、画像がサーバーに アップロードされることはありません。ネットワークリクエスト、 ストレージ、サードパーティサービスの利用は一切ありません。 スキャンドキュメント、身分証明書の写真、独自のデザインアセット などの機密画像にも安全に使用できます。ページ読み込み後は オフラインでも動作します。

オプションで最大幅または最大高さを指定して画像をリサイズ できます。元のアスペクト比を維持して比例スケーリングするため、 画像が歪むことはありません。リサイズと品質調整を組み合わせる ことで、ウェブ用途に許容できる視覚品質を維持しつつ、 60〜80%のファイルサイズ削減を実現できます。

結果パネルでは、オリジナルと圧縮画像のサイドバイサイド比較と、 サイズ削減を示す視覚的なプログレスバーが表示されます。圧縮 画像を即座にダウンロードしたり、統計をコピーしてチームと 共有することもできます。

使い方

  1. アップロードゾーンに画像をドラッグ&ドロップするか、クリックしてファイルを選択します。JPEG、PNG、WebPに対応しています。
  2. サムネイル下に表示されるオリジナル画像のプレビュー、ファイルサイズ、寸法を確認します。
  3. Quality スライダー(1〜100%)で圧縮レベルを調整します。低い値ほど小さなファイルになりますが、視覚品質が低下します。この設定はJPEGとWebPのみに適用されます。
  4. オプションで Max Width または Max Height をピクセル単位で入力し、画像を比例リサイズします。
  5. Output Format で画像を変換するか、「Same as input」のままで元の形式を維持します。
  6. Compress をクリックして画像を処理します。圧縮プレビューとサイズ比較が表示されます。
  7. Download で圧縮画像を保存、Copy Stats でサイズ比較テキストをコピーします。Ctrl+Shift+C をキーボードショートカットとして使用できます。
  8. Reset ですべてをクリアして新しい画像から始めます。

よくある質問

対応している画像形式は何ですか?

JPEG、PNG、WebPに対応しています。Output Formatセレクターでこれらの形式間の変換も可能です。例えば、PNGをアップロードしてWebPとしてエクスポートすれば、より良い圧縮が得られます。

品質スライダーはPNG画像に影響しますか?

いいえ。PNGはロスレス形式のため、PNGとしてエクスポートする際、ブラウザのCanvas APIは品質パラメータを無視します。ただし、画像の寸法をリサイズすることでPNGファイルサイズを削減できます。また、JPEGやWebPに変換して品質設定を適用することも可能です。

データは安全ですか?

もちろんです。すべての処理はCanvas APIを使用してブラウザ内で行われます。画像がサーバーにアップロードされることはありません。ネットワークリクエスト、Cookie、画像データへの分析は一切ありません。ページ読み込み後はオフラインでも使用できます。

圧縮できる最大ファイルサイズは何ですか?

最大50MBの画像に対応しています。非常に大きな画像はデバイスのハードウェアによって処理に数秒かかる場合があります。最良の体験のためには、10MB以下の画像を推奨します。

圧縮後にファイルサイズが大きくなることがあるのはなぜですか?

高度に最適化された形式からより効率の低い形式への変換(例:既に最適化されたJPEGを100%品質で再エクスポート)や、非可逆形式からPNGへの変換時に発生する場合があります。品質スライダーを下げるか、別の出力形式を選択するとより良い結果が得られます。

関連ツール