画像のファイルサイズの大きさは、ページの表示速度に大きな影響を及ぼします。ページの表示速度が遅ければ遅いほど、訪問ユーザーにストレスを与えることになりますので、当サイトのように画像を多用するブログでは、非常に気を使うところです。
TONELIKOは、今まで「JPEGmini」という画像圧縮サイトを利用していましたが、 同様に画像圧縮できる「Compressor.io」というサイトが最大90％もの圧縮率をうたっているとのことでしたので、早速試してみました。
(via:ほぼ劣化なしでJPG/GIF/PNG/SVG画像を超軽量化してくれる「Compressor.io」は要ブックマーク！ | 男子ハック)
Compressor.ioとJPEGminiの画像圧縮率比較
オリジナル画像は、大きさ 3,264 × 2,448 ピクセルで、サイズ 3,748KB のJPEGファイルです。これを「Compressor.io」と「JPEGmini」で画像圧縮してみました。
Compressor.ioは約80％の圧縮率
「Compressor.io」で圧縮したところ、3,748KBから748KBと約80％の圧縮に成功しました。なお、上記画像内に表記されているものとはファイルサイズが若干異なりますが、「JPEGmini」との比較のため、ここではディスク上のサイズをKBで表記することにしています。
JPEGminiは約79％の圧縮率
一方、「JPEGmini」で圧縮したところ、3,748KBから796KBと約79％の圧縮に成功しました。
僅差ながらCompressor.ioの圧縮率が優勢
いずれも元画像のクオリティをほとんど劣化させることなく、非常に高い圧縮率でファイルサイズを縮小しています。「Compressor.io」と「JPEGmini」の圧縮率を比較すると、その差はわずか1％ポイント、サイズでは48KBだけ、「Compressor.io」の方が高い圧縮率を見せています。
500 × 375 ピクセルで比較
トネリコBLOGでは、通常アイキャッチに横幅 500ピクセルの画像を使用しているのですが、オリジナル画像ではサイズが大きすぎますので、たいていの場合、 Pixlr.com で大きさを変えています。
そこで次に、上記オリジナル画像を500 × 375 ピクセルに変えた画像で同じように圧縮してみました。ファイルサイズは33.394 バイトです。
Compressor.ioは約29.2％の圧縮率
「Compressor.io」で圧縮したところ、33.394 バイトから23.648 バイトと約29.2％の圧縮率となりました。画像の大きさを縮小したため、あまり圧縮の余地がなかったのでしょう。
JPEGminiは約6.7％の圧縮率
一方、「JPEGmini」で圧縮したところ、33.394 バイトから31,161 バイトと約6.7％の圧縮率となりました。
小さい画像で際立つCompressor.ioの圧縮率
500 × 375 ピクセルの画像では、「Compressor.io」が「JPEGmini」の4倍以上の圧縮率を示しました。圧縮後の画像のファイルサイズを比べてみても、「Compressor.io」で圧縮された画像は、「JPEGmini」で圧縮された画像の 75.9% と非常にコンパクトになっています。
Compressor.io × JPEGminiを試してみた
ついでに「Compressor.io」で圧縮した画像をさらに「JPEGmini」で圧縮してみました。すると、21,766 バイトとさらに小さく、しかもパッと見た目、ほとんど500 × 375 ピクセルのオリジナル画像との違いを感じさせないクオリティを保っています。
ちなみに、順番を逆にして「JPEGmini」で圧縮した画像をさらに「Compressor.io」で圧縮すると22,347 バイトとなりました。前者の方が若干ですがサイズが小さいようですね。
やや手間がかかりますが、画像サイズにこだわるなら「Compressor.io」で圧縮した画像をさらに「JPEGmini」で圧縮するとベストな結果が得られるでしょう。
あとがき
「JPEGmini」では、ファイル形式はJPEGのみ、無料プランの場合1日に処理できるのが20枚のみという制限がありますが、「Compressor.io」ならJPEG、GIF、PNG、SVGと幅広いファイル形式に対応し、無料でも無制限に利用できます。
圧縮率も非常に高いことが今回の実験で証明されましたので、今後は「Compressor.io」をメインに利用することになりそうです。
以上TONELIKOでした。
コメント