【Spuoosh（スクーシュ）】画像圧縮ツールの使い方|初心者でも操作簡単！

画像の圧縮・サイズ変更がSquooshを使用するようになってから作業が楽になりました。

超初心者の私にも簡単に作業ができました。なんとなくSquooshを使っていたので、備忘録も含めてあとで見返せるようにSquooshの使い方をまとめました。初心者の方向けの内容になってます。

moko

Spuooshとは

｢Spuoosh｣は、Googleが開発した無料の画像圧縮ツールです。

画像のサイズ変更、圧縮、フォーマット（JPEGやPNGなど）の変換ができ、操作は簡単なので初心者の方にも使いやすいです。

画像をブログやサイトにあげる前に、Spuooshでデータを軽くして記事へアップすることで、ページの表示速度が遅い、うまくアップできないなどを改善できます。

ページの表示速度を改善することで、読者の方の読みやすくなります。SEO対策にもなります。

moko

画像をそのまま記事へアップすると重たいです。

Squooshの使い方にすすむ

画像圧縮・サイズ変更・フォーマットの変換について、外部リンクを貼らせていただきました。

とても分かりやすいです。

　画像圧縮とは↓

プログラミングのせせらぎ

画像ファイルを圧縮する理由 – 圧縮後のサイズが変わらない場合でも重要な理由

https://programming.awaisora.com/2aba5188-2bf8-417e-b506-e976f0c3a1eb/#google_vignette

画像ファイルを圧縮してもサイズがあまり変わらないことがありますが、それでも画像を圧縮する理由があります。この記事では、画像圧縮の重要性と、その効果がどのように活用されるのかについて解説します。画像圧縮とは？画像圧縮とは、画像のファイルサイズ

　画像のサイズ変更とは↓

IT用語辞典 e-Words

リサイズ（サイズ変更）とは - IT用語辞典 e-Words

https://e-words.jp/w/リサイズ.html

リサイズ（サイズ変更）とは、画像や画面上のウィンドウなどを拡大・縮小して大きさを変更すること。画像編集ソフトなどで、画像を構成する画素数(ピクセル数)を増やしたり減らしたりして、同じ内容のまま拡大・縮小させることをリサイズという。画像のサイズを用途に適した大きさに合わせるために行われる。写真データなどの決まった大きさの…

　フォーマット（JPEGやPNGなど）の変換とは↓

note（ノート）

知っておきたい画像ファイルの種類と使い分け完全ガイド｜Yoshitaka Kai

https://note.com/yoshitakakai/n/n2e12dd9d7a68

Webサイトの制作や運用、SNSでの発信、チラシや資料の作成など、日常のさまざまなシーンで登場する「画像ファイル」。しかし、いざ画像を使おうとすると「JPG？PNG？どれを使えばいいの？」と悩んだ経験がある方も多いのではないでしょうか。この記事では、代表的な画像ファイル形式の特徴と使い分けについて、初心者にもわかりやすく解説します。これを読めば、状況に応じて適切な画像形式を選べるようになります。 1. 画像ファイルの種類って何？画像ファイルにはさまざまな種類があり、それぞれ「圧縮の方法」「保存できる情...

Spuooshでできること

Spuooshは、ブラウザ上で画像の画質を変更前と変更後のプレビューを比較しながら設定を行うことができます。

リアルタイムで視覚的にできるので作業しやすいです。

ブラウザ上で動作するのでインストール不要です。スマホからも利用できちゃいます♪

画像の縮小・リサイズ（サイズ変更）
画像の圧縮
フォーマット（JPEGやPNGなど）の変換
色彩情報の変更
ダウンロード

Spuooshでできないこと

Spuooshは、圧縮は複数枚を一括して編集できないので、

画像の枚数がたくさんある時は、ちょっと・・・めんどうですが・・１枚ずつSpuooshに入れて圧縮していきます。

画像を何枚も挿入したいときは、まとめて一括編集ができるソフトを使うのがおすすめです。

複数画像の一括編集ができない

Spuoosh使い方

操作手順は簡単です✨

簡単な流れ

｢Spuoosh｣にアクセスして開く
画像を読み込む（ドラッグまたは、+ボタンからファイルを読み込む）
リサイズ（サイズ変更）をする
フォーマット（JPEGやPNGなど）を選択、品質を調整する
プレビューで確認する（スライダーで比較）
内容がOKならダウンロードする

step
1Spuooshを開く

｢Spuoosh｣にアクセスして開き、英語なので日本語に翻訳します

step
2画像を読み込む

ドラッグまたは、+ボタンからファイルを読み込みます

画像のドラッグで簡単に画像変更もできます

画像を挿入後の画面です↓

step
3リサイズ（サイズ変更）をする

サイズ変更をＯＮにし、サイズを入力します。

サイズ変更は幅のサイズを入力すれば、身長（縦幅）のサイズは自動的に表示されます。

ポイント

・アイキャッチ画像......1200px（横） × 630p（縦）

（SNSシェアされたときに画像がピッタリ表示され綺麗・Google Discoveの掲載条件）
・本文中の画像......800px （横）× 600px（縦）以内
・サムネイル画像.....150px（横） × 150px（縦）

記事に入れるところのサイズで作成します

サイズ変更はsquooshではなく、画像を加工時に変更してもOKです。

✨ブログをはじめるなら→エックスサーバーがおすすめです。

step
4フォーマット（JPEGやPNGなど）を選択、品質を調整をする

フォーマット（JPEGやPNGなどの拡張子）を選び、品質を調整します。

注意

・AVIFは、まだ多くのPC・アプリで対応されていないのでJPEGやPNG・WebPがおすすめ

・MozJPEGは、画像のリサイズができないので注意が必要です

step
5色彩情報の変更をする

色数の削減が必要な場合は、

リデュースパレットをONにして、ディザリングを変更します。

step
6ダウンロードをクリックする

Downlodをクリックして保存し完了になります。

画像はローカル処理なので安心

画像の処理について安全か気になったので調べました。下記はSquooshの公式ページからの引用になります。

画像はローカルでの処理なので安心だなと思いました。

訪問者等のデータをGoogle Analyticsで収集しているそうです。

プライバシー

Squooshはあなたの画像をサーバーに送ることはありません。すべての画像圧縮はローカルで処理されます。

しかし、SquooshはGoogle Analyticsを利用して以下のデータを収集しています。

基本的な訪問者データ。

ビフォー・アフターの画像サイズの値は。

Squoosh PWAの場合、Squooshの設置の種類について。

Squoosh PWAの場合は、インストールの日時と日付です。

引用元：GooglechromeLabs/スクーシュ