画像圧縮軽量化おすすめツール 10 選|JPEG・PNG で比較検証

ブログの表示速度を改善したいなら、真っ先に画像軽量化をおすすめします。

WordPress を高速化する 9 つの方法

WordPress には画像圧縮プラグインもありますが、専用ツールのほうが効果(圧縮率)は大きく、ツールによっては細かく調整できるのがメリット。重い画像は専用ツールを使い、軽い画像はプラグインに任せる、という方法もよいですね。

本記事では画像軽量化に特化した無料オンラインサービス 10 個を実際に使用し、圧縮後の容量を比較しています。どのツールを使うのがよいか迷ったときのご参考になれば幸いです。

なお、最もバランスがとれていて初心者にも使いやすいサービスは「あっしゅくま 」です。

比較検証方法

圧縮軽量化の検証は、以下 2 枚の JPEG 画像と PNG 画像で行いました。

Adobe Stock 無料コレクション : 写真、ベクター、ビデオ | Adobe Stock
  • ファイル形式:JPEG
  • サイズ:800 x 600
  • 容量:603 KB
2.700万点以上の高品質なフリー画像素材 – Pixabay
  • ファイル形式:PNG
  • サイズ:800 x 600
  • 容量:27.6 KB

圧縮レベル(品質)を調整できるサービスでは、デフォルトまたは標準の設定にしています。

軽量化ツール圧縮率比較検証結果

先に各ツールの検証結果をご覧ください。

JPEG 画像

オリジナル画像容量:603 KB

サービス名圧縮後の容量圧縮率
Kraken.io243.3 KB60 %
iLoveIMG178.0 KB70 %
TinyPNG178.3 KB71 %
Optimizilla149.0 KB75 %
Compressnow128.0 KB79 %
Squoosh92.7 KB85 %
あっしゅくま92.3 KB85 %
Compressor.io82.2 KB86 %
画像圧縮 AC82.9 KB86 %
ラッコツールズ51.5 KB91 %

圧縮率は「ラッコツールズ」がダントツでしたが、圧縮レベルを調整すれば結果は変わるため、一概に優れているとは言えません。圧縮率を調整できない「iLoveIMG」や「TinyPNG」にかぎっては、他サービスより少し劣るように感じます。

PNG 画像

オリジナル画像容量:27.6 KB

サービス名圧縮後の容量圧縮率
ラッコツールズ27.6 KB0 %
画像圧縮 AC27.5 KB0.5 %
Squoosh25.2 KB9 %
Compressnow24.2 KB13 %
Optimizilla12.6 KB54 %
Kraken.io11.6 KB58 %
TinyPNG11.1 KB61 %
あっしゅくま10.9 KB61 %
iLoveIMG10.6 KB62 %
Compressor.io8.3 KB69 %

PNG 画像は、用意したオリジナルがそこまで重くなかったので、どのサービスを使ってもそんなに差はありませんでした。文字入れした画像を限界まで圧縮すると、文字の輪郭がボケてしまいます。あまりやり過ぎないようにしよう。

それでは、各ツールを順にご紹介していきます。

画像圧縮軽量化サービスの特徴

TinyPNG(TinyJPEG)

TinyPNG
リンクhttps://tinypng.com/
特徴圧縮ツールとして紹介されることが多い有名なサービス。20 枚の画像を一気に圧縮できる。姉妹サイト「TinyJPEG」もあるが、どちらを使っても同じ。細かい設定はせず簡単に軽量化したいときにおすすめ。
圧縮率調整不可
JPEG 圧縮後178.3 KB(圧縮率 71 %)
PNG 圧縮後11.1 KB(圧縮率 61 %)
TinyPNG で圧縮した JPEG 画像
TinyPNG で圧縮した PNG 画像

Kraken.io

Kraken.io
リンクhttps://kraken.io/web-interface
特徴無料版でも EXPERT モードで画質やメタデータの保持設定ができる高機能ツール。ZIP ファイルをそのままアップロードできる&見た目をまったく損なわない圧縮ができるため、ビジネスシーンの利用もおすすめ。
圧縮率調整可(品質 1-100)
JPEG 圧縮後243.3 KB(圧縮率 60 %)
PNG 圧縮後11.6 KB(圧縮率 58 %)
Kraken で圧縮した JPEG 画像
Kraken で圧縮した PNG 画像

Optimizilla

Optimizilla
リンクhttps://imagecompressor.com/ja/
特徴複数枚まとめてアップロード後、圧縮前後の画像を比較してクオリティ設定できる。高精細な画像や文字入り画像など、タイプによって画質を調整したいときはおすすめ。
圧縮率調整可(JPEG 1-100 / PNG 2-256)
JPEG 圧縮後149.0 KB(圧縮率 75 %)
PNG 圧縮後12.6 KB(圧縮率 54 %)
Optimizilla で圧縮した JPEG 画像
Optimizilla で圧縮した PNG 画像

Compressor.io

Compressor.io
リンクhttps://compressor.io/
特徴無料版では「LOSSY」「LOSLESS」の 2 つしか選べず、前者はかなり軽くなるものの品質劣化が目立つ。後者は品質が変わらないが、容量はあまり削れない。有料サービスのお試し版という感じ。
圧縮率調整可(LOSSY / LOSLESS)
JPEG 圧縮後82.2 KB(圧縮率 86 %)
PNG 圧縮後8.3 KB(圧縮率 69 %)
Compressor で圧縮した JPEG 画像
Compressor で圧縮した PNG 画像

Compressnow

Compressnow
リンクhttps://compressor.io/
特徴10 枚までの画像をまとめてアップロード後、圧縮レベルを選択できる。圧縮レベルは全画像に適用されるため、1 枚ずつ品質を変更したいときはやや不便。
圧縮率調整可(レベル 1-100)
JPEG 圧縮後128.0 KB(圧縮率 79 %)
PNG 圧縮後24.2 KB(圧縮率 13 %)
Compressnow で圧縮した JPEG 画像
Compressnow で圧縮した PNG 画像

Squoosh

Squoosh
リンクhttps://squoosh.app/
特徴Google Chrome Lab が開発したツールで、ネットにつながっていなくても利用できる。同じ JPEG でも圧縮仕様を変更できるため、画像の知識がある人におすすめ。
圧縮率調整可(圧縮モードによる)
JPEG 圧縮後92.7 KB(圧縮率 85 %)
PNG 圧縮後25.2 KB(圧縮率 9 %)
Squoosh で圧縮した JPEG 画像
Squoosh で圧縮した PNG 画像

iLoveIMG

iLoveIMG
リンクhttps://www.iloveimg.com/ja/compress-image
特徴オールインワンの画像編集ツールで、圧縮した画像をそのまま編集できる(トリミングや透かしの追加など)。外出先など、いつもと違う環境で作業するときの代替としてもおすすめ。
圧縮率調整不可
JPEG 圧縮後178.0 KB(圧縮率 70 %)
PNG 圧縮後10.6 KB(圧縮率 62 %)
iLoveIMG で圧縮した JPEG 画像
iLoveIMG で圧縮した PNG 画像

ラッコツールズ

ラッコツールズ 画像圧縮
リンクhttps://rakko.tools/tools/123/
特徴ブログ運営に便利なツールがそろっている「ラッコツールズ」のサービスの一つ。PNG は画質調整を低めにしないと容量はあまり変わらなかった。
圧縮率調整可(3 段階 / 0.00-1)
JPEG 圧縮後51.5 KB(圧縮率 91 %)
PNG 圧縮後27.6 KB(圧縮率 0 %)
ラッコツールズで圧縮した JPEG 画像
ラッコツールズで圧縮した PNG 画像

画像圧縮 AC

画像圧縮 AC
リンクhttps://compressor-ac.net/
特徴無料画像素材「写真 AC」の姉妹サイト。共通アカウントで様々な画像系サービスを利用できる。アップロードした画像を画像編集ツール「デザイン AC」で読み込めるようだが、ベータ版のためか正常に動作しなかった。
圧縮率調整可(3 段階)
JPEG 圧縮後82.9 KB(圧縮率 86 %)
PNG 圧縮後27.5 KB(圧縮率 0.5 %)
画像圧縮 AC で圧縮した JPEG 画像
画像圧縮 AC で圧縮した PNG 画像

あっしゅくま

あっしゅくま
リンクhttps://imguma.com/
特徴TinyPNG のパンダを意識したようなデザインだが、TinyPNG よりわかりやすく機能も豊富。アップロード後でも画質調整・リサイズができる。
圧縮率調整可(5 段階)
JPEG 圧縮後92.3 KB(圧縮率 85 %)
PNG 圧縮後10.9 KB(圧縮率 61 %)
あっしゅくま で圧縮した JPEG 画像
あっしゅくま で圧縮した PNG 画像

目的別おすすめサービス

個人的な所感も含め、目的別のおすすめサービスは以下の 3 つです。

目的おすすめツール
複数画像をまとめてアップロードし、画像ごとの画質調整もしたいあっしゅくま
画質にはこだわらず、簡単な画像編集を一つのサービスですませたいiLoveIMG
画像 1 枚ずつ圧縮方法などを変更して細かく調整したいSquoosh

どれがよいか迷ったときは、「あっしゅくま」を使えば OK。最もバランスがとれているツールだと思います。

当サイトでは、重い画像を使うときは「Squoosh」で圧縮し、さらに WordPress プラグイン「EWWW Image Optimizer」でも圧縮しています。

比較的軽い画像(PNG のイラスト)は、プラグインのみ。

記事ごとに写真をたくさん使っているなら、まとめてアップロード&画像調整できるサービスがよいですね。ブログの環境に合わせて使いやすいサービスを組み合わせてみましょう。

画像圧縮軽量化サービスまとめ

各サービスで圧縮したサンプルを掲載しましたが、どの画像もパッと見て劣化は感じられませんよね。

表示サイズによっては粗さが目立つので、目的に応じてサービスを選択していただければと思います。写真そのものを見せるのではなく、ただのイメージとして載せるぐらいであれば、どのサービスでも大差ありません。

ブログで使う画像は、1 枚あたり 100 KB 以下になるよう調整するのがおすすめです(素材として提供する場合を除く)。

記事内で使用するなら、そこまで大きな画像は必要ありません。記事本文の幅に合わせて最適なサイズに調整しておきましょう。

WordPressブログで使う画像の推奨サイズ・形式・容量

Author

Naifix 編集部
Web コンサルティング業務を中心に、サイト制作・コンテンツ販売・メディア運営代行業務を行っております。当サイト(Naifix)では、おもにブログ初心者向けのノウハウを無料で配信しています。