画像圧縮ツール

サーバーにアップロードせずブラウザ内で処理

画像圧縮ツール

画像を選ぶと、品質・サイズ・出力形式を同じ画面で調整し、元画像と圧縮結果をすぐに比較できます。

ローカル処理 最大20MB JPG · PNG · WEBP
1 画像を選択 2 品質・サイズ設定 3 比較してダウンロード

1. 画像を選択

まず圧縮したい元画像を追加してください。選択した画像はこのブラウザ内だけで処理されます。

ここにドラッグするか、ボタンで選択

JPG、PNG、WEBP / 最大20MB / 1回に1枚

2. 圧縮設定

画像を追加した後は、基本設定のままでもすぐ圧縮できます。必要に応じて下の項目を調整してください。

画像を選ぶと設定が開きます 開始目安: 写真は JPG/WEBP 80%、透明画像は PNG/WEBP 容量を大きく下げたい場合は、品質より先にサイズ調整を確認してください。

選び方の目安

  • 写真は JPG または WEBP、ロゴや透明背景は PNG または WEBP が向いています。
  • 品質75〜85%から確認すると、Web掲載用画像の容量と見た目のバランスを取りやすくなります。
  • 透明 PNG を JPG で保存すると、透明部分は白い背景として合成されます。

使う前に確認

画像圧縮ツールを安全に使う方法

この画像圧縮ツールは、選択したファイルをブラウザ内で再保存し、容量や解像度を下げるためのツールです。画像をサーバーにアップロードせず、JPG・PNG・WEBP ファイルを1回に1枚、最大20MBまで処理します。

使い方

  1. 画像を選択エリアで JPG、PNG、WEBP ファイルを選ぶか、ドラッグして追加します。
  2. 品質スライダーで容量と見た目のバランスを決めます。写真はまず75〜85%から試すと扱いやすいです。
  3. サイズ調整が必要な場合は幅・高さを入力するか、1920×1080、1280×720、800×600、300×300 のプリセットを使います。
  4. 出力形式を JPG、PNG、WEBP から選び、圧縮ボタンを押します。
  5. 結果比較で容量変化と解像度を確認し、必要なら別の品質やサイズで再度試します。

出力形式の選び方

JPG

写真や背景画像のように色が複雑なファイルに向いています。透明背景の画像を JPG で保存すると、透明部分は白い背景として合成されます。

PNG

ロゴ、アイコン、スクリーンショットのように輪郭や透明背景が重要な画像に向いています。ブラウザによっては品質スライダーが PNG の容量に大きく反映されないことがあります。

WEBP

Web掲載用画像の容量を下げやすい形式です。ただし古いブラウザや一部の編集ソフトでは開けない場合があるため、配布先の環境も確認してください。

サイズ調整

容量を大きく下げたい場合は、品質だけを下げるより、表示目的に合わせて解像度を小さくするほうが自然な結果になりやすいです。

圧縮設定の例

ブログ写真

幅1200〜1600px、JPG または WEBP、品質75〜85%を目安に確認します。

ECサイトのサムネイル

300×300 または必要なサムネイル規格に合わせ、商品の輪郭がぼやけない品質を選びます。

透明ロゴ

透明背景を維持したい場合は PNG または WEBP を選び、JPG 変換は避けます。

結果を見るときの確認ポイント

  • 圧縮後の容量が必ず小さくなるとは限りません。すでに最適化済みの画像や、出力形式が合わない場合は大きくなることがあります。
  • JPG・WEBP の品質値はブラウザの保存方式にも影響され、同じ数値でも元画像の内容によって結果が変わります。
  • PNG は品質スライダーよりも、解像度変更や WEBP 変換のほうが容量差に出やすい場合があります。
  • ブラウザの canvas で再保存するため、一部のメタデータ、色プロファイル、カメラ情報が保持されないことがあります。

注意点

元画像の保管

重要な元画像は別に保存したうえで、圧縮後のファイルを使用してください。圧縮やリサイズ後に元画像の情報を完全に戻すことはできません。

GIF は対象外

このツールは JPG、PNG、WEBP を対象にしています。動く GIF はアニメーションを保持したまま圧縮できないため、専用ツールを使用してください。

大きな画像の処理

20MB以下のファイルでも、解像度が非常に大きい画像はブラウザのメモリ状況によって処理に時間がかかったり、失敗したりする場合があります。

よくある質問

画像はサーバーにアップロードされますか?

いいえ。選択した画像はブラウザ内で読み込み、変換します。ページを閉じるか新しい画像を選ぶまで、処理は現在のブラウザ内で完結します。

GIF も圧縮できますか?

いいえ。最終ツールは JPG、PNG、WEBP のみを受け付けます。動く GIF を canvas で処理するとアニメーションを保持できないため、対応対象から外しています。

PNG の品質スライダーで容量があまり変わらないのはなぜですか?

ブラウザの PNG 保存では、品質値が JPG や WEBP のように反映されない場合があります。透明が必須でなければ、WEBP や JPG 出力も比較してください。

圧縮後にファイルが大きくなることはありますか?

あります。すでに最適化された画像、小さなアイコン、合わない出力形式では、再保存した結果が元画像より大きくなることがあります。その場合は元の形式や解像度設定を変えて比較してください。

Roberin
センスのある開発者
創造的で実用的なツールでより良い世界を作るセンスのある開発者、Roberinです。技術は皆のためのもの、一緒により便利な世界を作っていきましょう!😊
お問い合わせ
いつでもご連絡ください!
プロジェクトについてのアイデアがあったり、ご挨拶をしたいと思いませんか?下記のフォームにご記入いただければ、できるだけ早くお返事いたします。皆様からのご連絡をお待ちしております!