3BearLabs3Bear Tools
画像

画像圧縮ツール:Web向けに画像を最適化

品質スライダーで写真を軽くしてWebページを高速化し、ファイルごとに何キロバイト減ったかを確認できます。

ブラウザ内で処理します — ファイルはこの端末から出ません。

使い方

  1. アップロード領域をクリックして、画像を1枚以上選択します。
  2. 圧縮タブで JPEG か WebP を選び、スライダーで画質を設定します。値が低いほどファイルは小さくなります。
  3. 適用をクリックし、ファイル一覧で元のサイズと新しいサイズを比べてから、結果をダウンロードします。

圧縮タブは、選んだ画質で画像を JPEG または WebP として保存し直します。PNG や WebP のファイルを追加すると WebP が自動で選ばれます。JPEG は透明部分を保存できず、その部分が塗りつぶされるためです。スライダーは 10% から 100% まで 5% 刻みで、初期値は 80% です。下げるほどファイルは小さくなりますが圧縮の跡が目立つので、値を試して結果を確認してからダウンロードするとよいでしょう。

一覧には複数の画像を追加できます。ファイルごとに、元のサイズ(キロバイト)、処理後の新しいサイズ、削減率が表示されます。複数のファイルを選んだ場合、適用ボタンで一覧全体が処理され、完了したファイルにはそれぞれダウンロードボタンが表示されます。一覧からファイルを削除したり、すべてクリアしたりできます。

同じページには、同じリストに働くタブがもう2つあります。リサイズ(幅と高さ、縦横比固定は任意、複数ファイルを一度に)と拡大(2倍または4倍)です。タブを切り替えると前の結果は消えるので、1つの作業を終えてダウンロードしてから次へ進んでください。切り抜きや回転には、別の画像切り抜きツールと回転・反転ツールを使ってください。

処理はブラウザ内のキャンバス要素で行われます。選択したファイルが圧縮のためにアップロードされることはありません。

よくある質問

圧縮後のファイル形式は何ですか?

選んだ形式に応じて JPEG または WebP です。PNG と WebP のファイルでは透明部分が残るよう WebP が自動で選ばれます。JPEG にはアルファチャンネルがありません。

どのくらい小さくなりますか?

画像と品質の値によって異なります。ファイルごとに元のサイズ、新しいサイズ、削減率が表示されるので、実際の結果を確認できます。

複数の画像を一度に圧縮できますか?

はい。一覧に複数のファイルを追加して適用をクリックすると、まとめて処理されます。結果は個別にダウンロードできます。

写真はどこかにアップロードされますか?

いいえ。画像はブラウザ内で再エンコードされ、サーバーには送信されません。

画像のリサイズもできますか?

はい。同じページのリサイズタブで、リスト内のすべてのファイルのピクセルサイズを変えられます。圧縮タブが変えるのは保存方法だけです。

Web向けに画像を最適化するには、どんな設定にすればよいですか?

ほとんどの写真は、品質75〜80%のWebPにすると、見た目の変化をほとんど感じさせずにファイルをかなり小さくできます。写真が実際の表示サイズよりずっと大きい場合は、先にリサイズタブで縮小してから圧縮してください。透過のある画像にはWebPを使ってください。JPEGは透明な部分を塗りつぶしてしまうためです。

ガイドWeb パフォーマンスのための画像最適化の方法ガイドを読む →

関連ツール