イラストの画像形式として
定番のpngですが

そのままブログやサイトに使おうとすると
ファイルサイズが大きすぎます。

そんなとき出番になるのがpng圧縮サイト!

ただ、こうしたオンラインサービスには
いくつか種類があって

どこで圧縮すれば一番小さくなるか
いちいち調べるのは面倒ですよね?

そこで、ここでは
数ある圧縮サイトのなかから

どこが最も圧縮率が高いのか?
独自で調べて順位付けしていきますね。

png圧縮サイトのエントリーがこの3つ

いまやJPEGだけじゃなく
pngも圧縮できるサイトが多数あります。

その中から代表的な
この3つのサービスを選んで比較します。
 
 
■TinyPNG
tinyjpg

パンダのキャラクターでお馴染みですね。

 
 
■Optimizilla
Optimizilla

恐竜(ゴジラ?)のキャラクターが目印。

 
 
■Compressor.io
Compressor.io

圧縮を意味するサイト名が付けられた
一見クールで近寄りがたい雰囲気。

テストで使うpng画像は3パターン

今回、圧縮のテストで使うpng画像は
青・赤・黄色をベースにしたイラスト。

サイトごとに得意不得意があると思い
ベースカラーを3パターン用意してみました。
 
 
■青のpng画像(ファイルサイズは284KB)
青のPNG画像
 
 
■赤のpng画像(ファイルサイズは608KB)
赤のPNG画像
 
 
■黄色のpng画像(ファイルサイズは359KB)
黄色のPNG画像

この3つのpngを使ってテストしていきます。

実際にpngを圧縮してみた!

ではこの3つのpng画像を
それぞれの圧縮サイトで圧縮してみます。

その圧縮結果がコチラ。

■TinyPNG
青・・・284KB>83KB(-71%)
赤・・・608KB>107KB(-82%)
黄・・・359KB>113KB(-69%)
■Optimizilla
青・・・284KB>93KB(-67%)
赤・・・608KB>126KB(-79%)
黄・・・359KB>130KB(-63%)
■Compressor.io
青・・・284KB>83KB(71%)
赤・・・608KB>116KB(-81%)
黄・・・359KB>101KB(-72%)

※すべてデフォルトの設定で
圧縮をした結果です。

このように圧縮後のサイズには
そこそこ開きがあるものの

私が目視して画像の粗さを比較しても
ほぼ差はないように映ります。

ですから単純に
圧縮率の高さで選べばOKかと。

決定!ナンバーワンpng圧縮サイト

では、3種類のpng画像を圧縮してみて
どこが一番圧縮率が高かったのか
ナンバーワンを発表していきましょう。

それには青・赤・黄色の画像の
圧縮率の平均値を求めて
もっとも小さかったサイトを1位とします。

結果発表!
■第1位・・・Compressor.io

平均圧縮率⇒74.7%

■第2位・・・TinyPNG

平均圧縮率⇒74%

■第3位・・・Optimizilla

平均圧縮率⇒69.7

※小数点第二位以下を四捨五入

このようにCompressor.ioが1位で
パンダのTinyPNGは2位という結果に。

この結果ってJEPGの圧縮テストと
一緒だったかもしれませんね。

[blogcard url=”https://adbeginners.com/jpeg-compression-site/”]

まとめ

というわけで僅差ではありますが
png圧縮サイトで最も圧縮率が高いのは
Compressor.ioと判明しました。

まぁほぼ差がないくらいなので
使い勝手がいいパンダさんを利用するのが
一番いいかなとも思います。