Macのスクショを爆速でWebPに！神ツール「Squoosh」が最強すぎた

2026/4/5

webtech

ブログを書いていると、スクリーンショットを撮って記事に貼り付ける機会がめちゃくちゃ多いですよね。

でも、こんな悩みありませんか？

僕もずっとこのジレンマを抱えていたんですが、ついに理想のワークフローを実現してくれる神ツールに出会ってしまいました。それが、Googleが開発した**「Squoosh」**です。

これがもう、驚くほど簡単で高機能。今回はこのSquooshを使った爆速画像最適化術を備忘録として残しておきます。

理想のワークフロー「スクショ→コピペ→WebP化」

僕が求めていたのは、とにかく「さっと」できること。具体的にはこんな流れです。

この一連の流れが、Squooshなら完璧に実現できるんです。

まずはMacのショートカットキーで、スクリーンショットをファイルではなくクリップボードに直接コピーします。

この Control キーを押しながら、というのがポイントです。

次に、ブラウザで Squoosh を開きます。そして、ページのどこでもいいので Command + V でペースト！

Squooshに画像をペーストしたイメージ (実際に試したときのキャプチャ。ペーストしただけでこの画面になる備考_web個人的サーフィン、最近ハマっているノイミーのスクショメモ)

これだけで、先ほど撮ったスクリーンショットが画面に表示されます。アップロードボタンをクリックする必要すらないんです。速い！

画像が表示されたら、あとは右下のパネルを操作するだけ。

「Compress」のプルダウンメニューから [WebP] を選択します。
画質を調整します。
- 文字やUIがメインのスクショの場合: 「Lossless（可逆圧縮）」にチェックを入れるのがおすすめ。画質を一切劣化させずに、PNGより高効率で圧縮してくれます。
- 写真のような画像の場合: 「Lossy（非可逆圧縮）」のまま、「Quality」のスライダーを左右に動かして、画質とファイルサイズのバランスが良いところを探します。
画面中央のスライダーを動かせば、変換前（Original）と変換後（WebP）の比較ができてめちゃくちゃ便利。
納得のいく画質になったら、右下のダウンロードボタンをクリックして完了です！

実際に使ってみて感動したポイントは以下の通りです。

とにかく速い！: 画像をサーバーに送らず、すべてブラウザ内で処理しているため動作が驚くほど軽快。
コピペが最高に気持ちいい: 「撮って、貼る」だけ。ワークフローが劇的に改善されました。
画質がめちゃくちゃ綺麗: 文字も画像もくっきりしたまま。特にLosslessモードで変換したスクリーンショットは、PNGと見分けがつかないレベルの美しさ。
なのにファイルサイズはしっかり軽い: 今回試した画像も、見た目はほぼ変わらないのにファイルサイズが約70%も削減されていました。ページの表示速度改善に大きく貢献してくれます。
UIが直感的: プレビューで比較しながら調整できるので、専門知識がなくても最適な設定を見つけやすい。

今まで画像圧縮のためにアプリを起動したり、Webツールにファイルをドラッグ＆ドロップしたりしていましたが、Squooshを知ってからはもう戻れません。

「Macでスクショ → クリップボードにコピー → Squooshにペースト → WebPでダウンロード」

この流れは、ブロガーやWebサイトを運営しているすべての人におすすめしたい最強のワークフローです。画像最適化の手間を劇的に減らし、サイトのパフォーマンスも向上させてくれる「Squoosh」。ぜひブックマークして使ってみてください！