nicetool.dev logo

画像圧縮

画像をドロップし、形式と画質を選びます。処理はすべて端末内で行われます。

ここに画像をドロップ、またはクリックして選択

JPG、PNG、WebP、GIF、BMP、AVIF。複数ファイルの同時選択も可能です。

なぜ画像を圧縮するのか?

画像はWebページで最も重い要素であることがほとんどです。スマートフォンで撮った写真は3〜8MB、幅4000ピクセルほどありますが、ブログや商品ページで必要なのはせいぜい幅1920ピクセル、200KB程度です。画像を小さくすると表示が速くなり、LCPなどのCore Web Vitalsが改善し、モバイルの通信量が減り、検索順位にも良い影響があります。新しい形式も効果的で、WebPは同じ見た目でJPEGより25〜35%ほど小さく、AVIFはさらに小さくできます。

機能

  • • JPG、PNG、WebP、AVIFを複数まとめて圧縮
  • • WebP、AVIF(ブラウザが対応している場合)、JPEG、PNGに変換
  • • 画質スライダーと最大幅・最大高さの指定
  • • 圧縮前後のサイズと削減率を表示
  • • スマホ写真の向きを保持し、透過画像はJPEG出力時に白背景を適用

100%ブラウザ内で処理

画像は端末上でcanvas APIを使ってデコード・再エンコードされます。アップロードは一切ないため、プライベートな写真も安全で、大量の処理も高速です。

アップロードなし、制限なし、透かしなし。

画像圧縮の使い方

  1. 1

    枠に1枚以上の画像をドロップするか、クリックしてファイルを選びます。JPG、PNG、WebP、GIF、BMP、AVIFに対応しています。

  2. 2

    出力形式を選びます。Web向けに最もサイズが小さくなるWebP、ChromeやEdgeでさらに小さくできるAVIF、互換性重視のJPEG、劣化なしのグラフィック向けPNGから選べます。

  3. 3

    画質(写真なら75〜85がバランス良好)と、必要なら最大幅・最大高さを設定します。変更はすべての画像に即座に反映されます。

  4. 4

    元のサイズと新しいサイズを比較し、画像ごとにダウンロードします。ファイル名はそのままで拡張子だけ変わります。

活用例

ブログや商品ページの高速化

メイン画像や商品写真を画質80、最大幅1920でWebPに変換すると、4MBのスマホ写真が見た目の差なく300KB未満になることがよくあります。

メール添付やフォーム

多くのフォームやメールサービスはアップロードを1〜2MBに制限しています。1280pxに縮小してJPEGで保存すれば、写真の見やすさを保ったまま制限内に収まります。

スクリーンショットやUI画像

文字の入ったスクリーンショットはWebPやPNGでよく圧縮できます。ピクセル単位のくっきりした縁が必要ならPNG、サイズを半分にしたいならWebPを使います。

CMS用の画像準備

WordPress、Shopify、ヘッドレスCMSにアップロードする前に画像をまとめて同じ最大幅に縮小し、サーバーに巨大な元画像を保存しないようにします。

よくある質問

どの形式を選べばよい?+

Webサイトの既定はWebPが安心です。主要ブラウザすべてが対応し、JPEGよりかなり小さくなります。AVIFはさらに小さいもののエンコードが遅く、すべてのブラウザで書き出せるわけではありません。ロゴや劣化させたくない図はPNGを使います。

画質はいくつが最適?+

写真なら75〜85でほとんど元画像と見分けがつきません。サムネイルはもっと低く、写真作品集は高めにします。PNGは画質設定を無視します。

圧縮後のファイルが大きくなったのはなぜ?+

すでに最適化された画像の再エンコードや、小さな図を写真向け形式に変換すると大きくなることがあります。別の形式や低い画質を試すか、元の画像を使ってください。

画像はアップロードされますか?+

いいえ。デコード、リサイズ、エンコードはcanvas APIでブラウザ内で行われます。ページを読み込んだ後ならネット接続を切っても使えます。