画像圧縮ツール
JPG、PNG、WebP画像のファイルサイズを削減します。圧縮前後のサイズを並べて表示。ファイルがアップロードされることは一切ありません。
Drop an image here, or
Max 25 MB. Files never leave your browser.
ソース
× · ·
Output
Processing…
× · · (%)
使い方
- 1 画像をドラッグ＆ドロップします（最大25MB）。
- 2 出力形式と画質レベルを選びます。
- 3 圧縮前後のサイズをリアルタイムで確認します。
- 4 圧縮された画像をダウンロードします。
このツールを使う理由
- 画質スライダーで、サイズと画質のトレードオフを自分で直接調整できます。
- WebP出力は一般的に最もファイルサイズが小さくなります。
- サイズ削減率がその場で表示されるので、ちょうど良いバランスを簡単に見つけられます。
- 処理はすべてブラウザ内で完結——アップロード不要、登録不要です。
よくある質問
どのくらいの画質設定なら「十分」ですか？
Web用途なら75〜85%程度で、見た目は元画像とほぼ変わらないまま、サイズはごくわずかになることが多いです。実際の画像と表示環境で試してみてください。
なぜPNG出力には画質スライダーが効かないのですか？
PNGは可逆圧縮（lossless）形式のため、画質は常に100%固定です。圧縮度合いを調整したい場合はJPGまたはWebPに切り替えてください。
TinyPNGやSquooshと比べてどうですか？
Squooshにはより高度なエンコーダー（MozJPEG、libwebp）が搭載されています。最高レベルの圧縮を求めるならSquooshがおすすめです。このツールはシンプルさと外部依存のなさを優先しています。
画像圧縮ツール とは？
画像圧縮ツール（Image Compressor）は、画面表示や印刷で許容できる品質を保ちながら、画像ファイルのサイズを小さくするツールです。JPGやWebPのような非可逆圧縮（lossy）形式は、人の目にはほとんど分からない細部を削ることでサイズを減らします。一方、可逆圧縮（lossless）モードは画質を落とさずに画像を再エンコードします。ブラウザ上で動く画像圧縮ツールはJavaScriptやWebAssemblyでエンコード処理を行うため、元画像が端末の外に出ることはありません。スクリーンショットやデザインの下書きなど、まだ公開したくないコンテンツを扱う際に特に重要です。
機能
JPG、PNG、WebP出力に対応
Auto(PNGはPNGのまま、それ以外はすべてJPEGに変換)を選ぶか、ソース形式に関係なくJPG、WebP、PNG出力を強制できます。
品質スライダー(10〜100%)
10〜100の範囲の入力で、canvas.toBlob()/convertToBlob()に渡される非可逆エンコーダーの品質を制御し、スライダーをドラッグするたびにリアルタイムで圧縮を再実行します。PNG出力には影響しません。PNGは常にロスレスです。
変換前後のサイズ比較
処理が完了すると同時に、元のファイルサイズと圧縮後のファイルサイズ、およびパーセンテージでの差分を表示するため、ダウンロード前に正確な削減量を確認できます。
ブラウザ内で完全に動作
画像はcreateImageBitmap()でデコードされ、JavaScriptでHTML/Offscreenキャンバス上に再エンコードされます。サーバーには何も送信されません。入力サイズは25 MBまでに制限されています。
例
Input
photo.png — 1920x1080, 3.1 MB, has transparent corners, target format = Auto, quality = 75%Output
photo.jpg — 1920x1080, ~340 KB (about 89% smaller), transparent areas filled with white background, JPEG quality 0.75主な用途
-
1
共有前にスクリーンショットを縮小する
チケット、メール、チャットメッセージに添付する前に、PNGスクリーンショットをより小さいJPEGまたはWebPに圧縮します。
-
2
Webページ用に画像を最適化する
ビルドツールの画像パイプラインを使わずに、選択した品質レベルで写真のファイルサイズを削減し、ページの重さを減らして読み込み時間を改善します。
-
3
デザイン下書きを非公開のまま圧縮する
キャンバスでの再エンコードは端末外に出ないため、未公開のモックアップや個人的な写真をどこにもアップロードせずに縮小できます。
画像圧縮ツール と他の選択肢の比較
| 機能 | Zerethon Tools | 一般的なオンラインツール | デスクトップアプリ |
|---|---|---|---|
| Files leave device | No | Yes (upload) | No |
| JPG / PNG / WebP | All three | Usually JPG only | All three |
| Before/after preview | Yes | Sometimes | Yes |
| Watermark | No | Sometimes | No |
| Free | Yes | Yes | Often paid |
Image Compressorは、ブラウザのCanvas 2D API(createImageBitmap + toBlob/convertToBlob)を使用して、調整可能な品質設定でJPG、PNG、またはWebPファイルを再エンコードし、変換前後のファイルサイズを表示します。出力フォーマットのデフォルトは「auto」(入力形式に合わせるが、PNG以外の入力はJPEGとして再エンコードされる)で、JPG、WebP、PNGに強制することもできます。JPEGにはアルファチャンネルがないため、JPEG出力では透明部分が白い背景にフラット化されます。処理はすべてCanvas APIを介してクライアント側で完結し、ファイルはメモリ内で読み込まれるだけでサーバーにアップロードされることはなく、入力サイズの上限は25 MBです。
- カテゴリ
- クリエイター
- 料金
- 無料
- プライバシー
- ブラウザベース
- 登録
- 不要
参考文献
- Canvas API — MDN Web Docs
- HTMLCanvasElement: toBlob() メソッド — MDN Web Docs
- WebP コンテナ仕様 — Google Developers
- T.81 : Information technology - Digital compression and coding of continuous-tone still images - Requirements and guidelines (JPEG) — ITU-T
プライバシー
明記されない限り、データがブラウザの外に送信されることはありません。画像圧縮ツール は完全にクライアント側で動作します — サーバーへのアップロードなし、ログなし、入力内容のトラッキングなし。
Zerethon Social で作成・共有・成長しよう
無料登録。ポイントを獲得し、実績を集め、世界中のクリエイターとつながりましょう。