ツールさん

How to

画像圧縮の使い方

JPEG、PNG、WebP、AVIF、SVG、GIF をブラウザ内で圧縮できます。品質を調整し、容量が増えた画像は元ファイルを使う設定も確認しながら、個別または一括で保存できます。

画像圧縮 のサムネイル画像画像圧縮 のサムネイル画像

Use Cases

こんな時に使います

  • CMS やブログへ載せる画像を軽くしたい
  • フォーム送信前に画像容量を小さくしたい
  • 複数画像の容量をまとめて確認したい
  • SVG や GIF を形式変更せずに軽量化したい
  • 画像の見た目を確認しながら品質を調整したい
  • アップロード制限に合わせて画像容量を下げたい

Capabilities

このツールでできること

  • 複数画像の一括圧縮
  • 入力と同じ形式で保存
  • 品質の調整
  • 圧縮前後のプレビュー確認
  • ファイル別と合計の容量比較
  • 圧縮結果の個別または一括ダウンロード

Guide

画面ごとの使い方

設定、入力、プレビュー、結果、保存など、画面内のエリアごとに操作方法を説明します。

01 HOWTO

画像を選択して圧縮対象を決める

複数画像を追加し、右側の一覧で圧縮する画像を選びます。

画像圧縮 の 画像選択と圧縮設定エリア を示す画面画像圧縮 の 画像選択と圧縮設定エリア を示す画面

この要素でできること

  • 複数画像をまとめて追加できる
  • 対応形式を確認できる
  • 圧縮対象を選べる
  • 入力容量を確認できる

操作する場所

01
画像ファイル

圧縮したい画像を選択します。

画像圧縮 の 画像ファイル選択 の操作位置を示す画面画像圧縮 の 画像ファイル選択 の操作位置を示す画面
02
品質

容量と見た目のバランスを調整します。

画像圧縮 の 品質設定 の操作位置を示す画面画像圧縮 の 品質設定 の操作位置を示す画面
03
元ファイル採用

容量が増えた場合に元ファイルを使うか確認します。

画像圧縮 の 元ファイル採用設定 の操作位置を示す画面画像圧縮 の 元ファイル採用設定 の操作位置を示す画面
04
圧縮対象

一覧から圧縮する画像を選びます。

画像圧縮 の 圧縮対象選択 の操作位置を示す画面画像圧縮 の 圧縮対象選択 の操作位置を示す画面

02 HOWTO

品質と元ファイル採用設定を調整する

品質スライダーで圧縮の強さを調整し、容量が増える画像の扱いを決めます。

画像圧縮 の 品質と元ファイル採用設定 を示す画面画像圧縮 の 品質と元ファイル採用設定 を示す画面

この要素でできること

  • 品質を 1 から 100 で調整できる
  • 容量増加時の扱いを選べる
  • 圧縮対象を選んだ状態で進められる
  • 圧縮を開始できる

操作する場所

01
品質

数値を下げるほど容量を小さくしやすくなります。

画像圧縮 の 品質スライダー の操作位置を示す画面画像圧縮 の 品質スライダー の操作位置を示す画面
02
元ファイル採用

圧縮後に大きくなった画像を元ファイルのまま扱えます。

画像圧縮 の 容量増加時設定 の操作位置を示す画面画像圧縮 の 容量増加時設定 の操作位置を示す画面
03
圧縮

選択した画像の圧縮を開始します。

画像圧縮 の 圧縮ボタン の操作位置を示す画面画像圧縮 の 圧縮ボタン の操作位置を示す画面

03 HOWTO

圧縮前後を見比べて容量を確認する

画像ごとのプレビュー、圧縮前後の容量、削減率、処理状態を確認します。

画像圧縮 の 圧縮結果一覧 を示す画面画像圧縮 の 圧縮結果一覧 を示す画面

この要素でできること

  • 圧縮前後の画像を比較できる
  • 画像ごとの容量を確認できる
  • 削減率を確認できる
  • コピーと保存の操作位置を確認できる

操作する場所

01
プレビュー

圧縮前と圧縮後の見た目を並べて確認します。

画像圧縮 の 圧縮前後プレビュー の操作位置を示す画面画像圧縮 の 圧縮前後プレビュー の操作位置を示す画面
02
コピー

対応形式の結果画像をクリップボードへコピーします。

画像圧縮 の コピー操作 の操作位置を示す画面画像圧縮 の コピー操作 の操作位置を示す画面
03
ダウンロード

画像ごとに圧縮後ファイルを保存します。

画像圧縮 の ダウンロード操作 の操作位置を示す画面画像圧縮 の ダウンロード操作 の操作位置を示す画面

04 HOWTO

必要な画像を保存して調整し直す

個別保存、一括保存、コピーを使い分け、必要に応じて品質や元ファイル採用設定を見直します。

画像圧縮 の 保存と再調整エリア を示す画面画像圧縮 の 保存と再調整エリア を示す画面

この要素でできること

  • 個別に保存できる
  • 一括で保存できる
  • 容量が増えた結果の扱いを見直せる
  • 品質を変えて再圧縮できる

操作する場所

01
保存

個別または一括で圧縮後ファイルを保存します。

画像圧縮 の 保存操作 の操作位置を示す画面画像圧縮 の 保存操作 の操作位置を示す画面
02
コピー

貼り付け先で使う画像だけコピーします。

画像圧縮 の コピー操作 の操作位置を示す画面画像圧縮 の コピー操作 の操作位置を示す画面
03
元ファイル採用

PNG や GIF で容量が増える場合の扱いを調整します。

画像圧縮 の 元ファイル採用見直し の操作位置を示す画面画像圧縮 の 元ファイル採用見直し の操作位置を示す画面
04
品質の再調整

見た目と容量を見ながら品質を変えて再圧縮します。

画像圧縮 の 品質再調整 の操作位置を示す画面画像圧縮 の 品質再調整 の操作位置を示す画面

Notes

使う時の注意

使う前に確認しておくと迷いにくいポイントを、理由つきでまとめています。

形式

入力と同じ形式で保存します

画像圧縮は形式変換を行いません。別形式へ変換したい場合は画像フォーマット変換を使います。

容量

圧縮後に容量が増える場合があります

PNG や GIF などは再書き出しで構造が変わり、元画像より大きくなる場合があります。初期設定では、その場合に元ファイルを採用します。

処理

画像はブラウザ内で処理します

選択した画像は外部サーバーへ送信せず、画面上で圧縮と保存まで完結します。

FAQ

画像圧縮 に関する質問

使う前に判断しやすい質問を先に整理します。

画像データは外部へ送信されますか?

いいえ。画像圧縮はブラウザ内で実行し、画像ファイルは外部へ送信しません。

出力形式は選べますか?

このツールでは出力形式を選びません。入力と同じ形式のまま容量を小さくします。形式を変えたい場合は画像フォーマット変換を使ってください。

複数画像をまとめて圧縮できますか?

はい。複数画像を選択し、ファイル別の結果と合計の削減率を確認できます。

容量が増えることはありますか?

PNG や GIF などでは再保存で容量が増える場合があります。初期設定では、その場合に元ファイルを採用します。

SVG や GIF も圧縮できますか?

はい。SVG はベクター形式のまま、GIF はアニメーションを壊さない範囲で圧縮します。

HEIC / HEIF は圧縮できますか?

初期版では HEIC / HEIF の同一形式圧縮には対応していません。形式変換は画像フォーマット変換で扱います。

次に見る使い方

関連する使い方

関連する使い方を続けて見られるように、次に確認しやすい導線をまとめています。