- 画像を圧縮したい
- WebP形式に変換したい
この記事では一つのサイトでサイズ変更からファイル形式の変換などまとめてできる圧縮サイトについて解説しています。
できるだけ画像を小さくしてサイトスピードを向上させたいと思っている方は必見です。
他サイトとの比較まとめ
オススメとして紹介されることが多い圧縮サイトを簡単に比較した表がこちら
「squoosh」は他サイトと比べて使える機能が非常に多いのでかなり使いやすくなっています。
圧縮サイト | squoosh | tinypng | Compress Jpeg |
圧縮率調整 | 対応 | 非対応 | 非対応 |
画像サイズ変更 | 対応 | 非対応 | 非対応 |
圧縮後の画像比較 | 対応 | 非対応 | 非対応 |
拡張子の変更 | 対応 | 別サイトで対応 | 非対応 |
対応拡張子 | ・AVIF ・JPEG ・PNG ・WebP | ・AVIF ・JPEG ・PNG ・WebP | ・GIF ・JPEG ・PNG |
詳細を見る | 詳細を見る | 詳細を見る |
画像圧縮はsquooshが最適
画像圧縮は「squoosh」が最適です。
画像の容量がかなり小さくなることに加えて、拡張子の変更やサイズ変更まで対応しています。
圧縮前後の画像をその場で比較
squooshの便利ポイントとして画質をダウンロード前に比較できるといったものがあります。
- 圧縮したけど画質が予想以上に悪い
- もっと圧縮しても良さそう
など、その場で圧縮しながら確認できるので時短にも繋がり便利です。

中央の線を動かしたり画像を動かしたりしながら画質の変化を見て判断できます。
圧縮率が非常に高い
squooshは圧縮率が非常に高く、90%以上の容量が削減されることも珍しくありません。
容量を少なくすることはサイトの表示スピード改善に繋がるのでかならず圧縮しておきたいです。

この圧縮している画像は細かい設定をしていない状態ですがかなり容量を減らすことができています。
また、squooshでは自由に圧縮率を変更することができるのも特徴です。

Qualityを変更することで画質を調整することができます。
大きく下げれば容量も大きく削減できるので画像に合わせて利用しましょう。
画像によってはクオリティを下げても違いが分からないことが多いので毎回確認してみるのがオススメです。
下げすぎるとモザイク画像になるので注意!
圧縮時に画像のサイズ変更できる

画像サイズが大きい状態でそのまま圧縮してしまった!
といったことはありませんか?
ブログで使用する画像サイズは大きくても意味がないので1000px~1200pxくらいには減らしておきたいです。
サイズを小さくすることで画像の容量も減らすことができ高速化にも繋がります。
ただ、自分でサイズ変更しようと思った場合はペイントなどで変更する必要があり面倒です。


画像のサイズを変えたい時はペイントなどで小さくしている場合かなり手間が掛かってしまいます。
squooshでは圧縮のタイミングで画像の大きさを変更することができます。


サイズ変更後の容量もその場で確認できるのもポイントで、サイズが小さくなれば容量を大きく減らすことができるので必ず確認しましょう。
複数形式に変更可能
squooshではダウンロード時に他の画像形式への変更にも対応しています。
- WebP画像をJPEG画像に
- PNG画像をWebP画像に
など簡単に変換できるので便利です。


他の圧縮サイトでは同じ画像形式でのダウンロードとなっているので、形式を変えたいと思った場合は事前に変更しておく必要があり面倒
画像の形式を変更することでさらに容量を削減でき読み込みスピードが向上します。
PageSpeedInsightsでもWebPやAVIFが推奨されているので変換しておくほうが良いでしょう。


他の圧縮サイトと比較
他の圧縮サイトで同じ画像を圧縮してみました。
画像は写真ACよりこちら


圧縮前の容量は1.1MBと使うには大きすぎる容量です。
対応形式で大きな差が
減らすことができる容量については他のサイトと大きな差はありませんでした。
1MBの画像を圧縮した場合
圧縮サイト | squoosh | tinypng | Compress Jpeg |
クオリティ | 75% | 不明 | 89% |
圧縮率の変更 | 対応 | 非対応 | 対応 |
圧縮時の容量 | 31~105KB | 103KB | 175KB |
対応拡張子 | ・AVIF ・JPEG ・PNG ・WebP | ・AVIF ・JPEG ・PNG ・WebP | ・GIF ・JPEG ・PNG |
詳細を見る | 詳細を見る | 詳細を見る |
squooshとCompressJpegでは圧縮率を変更できるので、より大きく容量を削減することができます。
また、squooshでは画像の拡張子を変更することで画質を落とすこと無く容量を大きく減らすことができました。
- JPEG:105KB
- WebP:64KB
- AVIF:31KB


WebPやAVIFを選ぶことで更に低容量にできます。
WebPは多くのブラウザで対応しているので使っていきたいです。
まとめ
画像の圧縮を自分でやることによってサイトスピードを向上させることができます。
また、圧縮プラグインも使う必要がなくなるのでプラグインの入れ過ぎを防ぐこともできます。
squooshは他の圧縮サイトと比べてできることが多く、圧縮率も高いのでかなりオススメなサイトです。