エンジニアの副業は週1からでも可能?副業の例や探し方も解説
- ITエンジニア
- 副業
Googleの「Speed Update」により、SEOにおいてWebサイトの表示速度がより重要になりました。
Webサイトの表示速度を速くする最も基本的な方法として、画像の圧縮・リサイズが挙げられます。
本記事では、画像を圧縮できるツールを12個ご紹介します。
今回ご紹介する画像圧縮ツールを使い、こちらのフリー素材のコーギー(JPEG、343KB)をどれくらい圧縮できるか、実際に調べてみました。
目次
『Squoosh』は、Googleが提供している画像圧縮ツールです。
画像の圧縮前と圧縮後を常に比較しながら、自分好みの圧縮率を選べます。
右の編集メニューには、編集機能が全てまとめられています。詳細設定を表示すると、より細かい設定も可能です。
▲『Squoosh』での圧縮後のコーギー。334KB→108KBに圧縮できました
会員登録 | 不要 |
対応ファイル形式 | JPEG、PNG、WebP |
『I love IMG』は、画像ファイルを瞬時に圧縮してくれる無料ツールです。画像をブラウザ上にドラック&ドロップするだけで簡単に圧縮できます。
画像の圧縮だけでなく、ファイル形式や画像の大きさの変更も可能です。
元画像とは別に圧縮した画像をダウンロードできるので、元画像も一緒に残したい場合におすすめです。
▲『I love IMG』での圧縮後のコーギー。334KB→120KBに圧縮できました
会員登録 | 不要 |
対応ファイル形式 | JPEG、PNG、GIF |
『Optimizilla』は、オンラインで使えるイメージ最適化ツールです。画質を維持しながら画像を圧縮できます。
同時に20個まで画像を圧縮できます。
圧縮後の画像がどのようになっているか細部まで確認でき、クオリティを微調整できます。納得のいく圧縮ができるでしょう。
今回はクオリティを90%に設定しました。
▲『Optimizilla』での圧縮後のコーギー。334KB→214KBに圧縮できました
会員登録 | 不要 |
対応ファイル形式 | JPEG、PNG |
『TinyJPG』は、JPEGファイルとPNGファイルを圧縮できる無料のツールです。
圧縮方法は、ブラウザ上に画像ファイルをドラックするだけで非常に簡単です。
このツールは不要なメタデータを自動的に削除し、できるだけ画質を落とさずに圧縮できます。
▲『TinyJPG』での圧縮後のコーギー。343KB→169KBに圧縮できました
会員登録 | 不要 |
対応ファイル形式 | JPEG、PNG |
『Kraken.io』は、無料のオンライン画像リサイズツールです。
リサイズしたい画像を選んでアップし、最適化モードを選んでリサイズできます。リサイズ後のサイズや最適化モードを細かく選べるので、欲しい大きさの画像がすぐに手に入ります。
▲『Kraken.io』での圧縮後のコーギー。334KB→137KBに圧縮できました
会員登録 | 不要 |
対応ファイル形式 | JPEG、PNG、GIF |
『jpeg.io』は、PNGやGIFなどのファイル形式の画像を、JPEG形式にする無料の画像圧縮ツールです。
画像の圧縮だけでなくファイル形式の変更も行えるので、JPEG形式の画像を作成したいときにも役立ちます。
▲『jpeg.io』での圧縮後のコーギー。334KB→137KBに圧縮できました
会員登録 | 不要 |
対応ファイル形式 | JPEG、PNG、GIF |
『 WEBSITE PLANET』は、無料の画像圧縮ツールです。最大40画像まで、会員登録なしで利用できます。
50MBまでの画像であれば圧縮が可能です。容量の大きい画像を圧縮したい方におすすめです。
▲『 WEBSITE PLANET』での圧縮後のコーギー。334KB→89KBに圧縮できました
会員登録 | 不要 |
対応ファイル形式 | JPEG、PNG |
『Compressor.io』は、ブラウザ上で画像を圧縮できる無料ツールです。
ロスレス圧縮(データを全く損なわずに復元できるような圧縮方式)も選択可能。
▲『Compressor.io』での圧縮後のコーギー。334KB→178KBに圧縮できました
会員登録 | 不要 |
対応ファイル形式 | JPEG、PNG、GIF、SVG |
『Compressnow』は、圧縮率を自由に設定できる画像圧縮ツールです。
画像をアップデートした後に、「Compression level」のスライダーを調整すると圧縮後の容量が表示されます。
容量と画像のクオリティを同時に比較できるので、もっともバランスのいい圧縮率をみつけられます。
▲『Compressnow』での圧縮後のコーギー。334KB→178KBに圧縮できました
会員登録 | 不要 |
対応ファイル形式 | JPEG、PNG、GIF、JPG |
『JPEG-OPTIMIZER』は、画像の圧縮率や画素数を調整できる無料のツールです。
圧縮と同時に画像サイズを変更することで、より容量を抑えられます。クオリティと容量を両立させたいときに便利でしょう。
▲『JPEG-OPTIMIZER』での圧縮後のコーギー。334KB→9KBに圧縮できました(※400×267px)
会員登録 | 不要 |
対応ファイル形式 | JPEG |
『JPEG mini』は、JPEGファイルを圧縮できるツールです。無料でダウンロードして使え、1日に20枚まで圧縮できます。
圧縮を行うと圧縮前のファイルは消えてしまうので、注意が必要です。
▲『JPEG mini』での圧縮後のコーギー。334KB→274KBに圧縮できました
会員登録 | 不要 |
対応ファイル形式 | JPEGのみ |
『ImageOptim for Mac』はMac専用の画像圧縮ツールです。Macユーザーであれば、誰でも無料でダウンロード可能です。
ロスレス圧縮にも対応しており、これひとつで画像圧縮に関してはなんでもできるツールとなっています。
Macユーザーはダウンロードしておいて損はないでしょう。
▲『ImageOptim for Mac』での圧縮後のコーギー。334KB→137KBに圧縮できました
会員登録 | 不要 |
対応ファイル形式 | JPEG、PNG、GIF |
いかがでしたか。
今回利用した画像圧縮ツールはいずれも非常に使いやすく、画質の荒さもあまり気になりませんでした。
Webサイトの表示速度を速くしたい場合には、ぜひ画像圧縮を試してみましょう。
(執筆:Kishi Kaoru)
あわせて読みたい!▼
サイトスピードを上げる4つの方法&スピード測定ツール10選まとめ
Workship MAGAZINE