Squooshの使い方｜画像を見比べながらWebPで軽くする

ブログやSNSに載せる写真が重い時、品質を闇雲に下げると、伝えたい文字や輪郭まで読みにくくなります。Squooshで元画像と圧縮結果を見比べ、用途に足りるコピーを作ります。先にGIMPなどで不要な背景を減らしておくと、残したい部分の確認に集中できます。

1. 1元画像と公開用コピーを分ける

   元ファイルは保管したまま、公開してよい練習画像を1枚選びます。文字を含む図解は、特に小さい文字を確認する準備をします。

2. 2公式Squooshを開き、画像を読み込む

   squoosh.appを開き、画像をドラッグするか選択します。サイトを初めて開く時や必要な機能を取得する時には通信が必要です。

3. 3圧縮形式を選ぶ

   WebPなど目的の出力形式を選び、品質の設定を変えます。設定項目は形式ごとに異なります。投稿先が受け付ける形式を先に確認し、必要ならJPEGやPNGも候補にします。

4. 4元画像との違いと容量を比べる

   比較表示で境界を動かし、文字、細い線、顔、滑らかな背景など気になる箇所を見ます。同じ設定値がすべての画像に適するわけではありません。見た目が崩れたら品質を上げるか形式を変えます。

5. 5コピーを保存して使う画面で確認する

   ダウンロードしたファイルを別名で保存し、ブラウザーや投稿先プレビューで開きます。小さなサムネイルで問題なくても、拡大すると読めないことがあります。元画像を上書きせず戻れる状態にします。

画像の送信と利用統計を分けて考える

Squoosh公式READMEは、画像の圧縮処理を端末内で行い、画像自体をサーバーへ送らないと説明しています。一方でGoogle Analyticsによる基本的な訪問情報、圧縮前後のサイズ、PWA関連情報の収集も案内しています。画像が外へ送られないことと、通信や統計収集が全くないことは別です。組織の規定がある画像は、利用可能か確認してから扱います。

GIMP・Squoosh・AIをどう分ける？

1枚の写真なら、既存の比較画面で判断するほうが処理プログラムを保守せず始められます。多数の定型処理なら自作や一括処理ソフトも候補ですが、AIに依頼しただけで画質や公開可否の判断が不要になるわけではありません。

費用と限界

Squooshは無償で利用できるオープンソースのWebアプリです。既存の端末と対応ブラウザーで試せます（2026年10月28日確認）。追加のAI APIは不要。端末のメモリや処理時間、原本の保管は必要で、極端に大きい画像では処理できない場合があります。何％小さくなるかは画像と形式で変わるため保証しません。公式説明に基づく手順であり、すべてのブラウザーや投稿先での実機検証ではありません。