TinyPNGで圧縮する際、1回だけでは足りない! 何度も圧縮することで、圧縮効率は高まっていく(比較してみる)

アイキャッチ WordPress
スポンサーリンク

TinyPNGは素晴らしい圧縮ができます。

しかし、1回だけだと物足りないことが判明しました。

今回は、TinyPNGを使った画像の圧縮効率と劣化について、比較していきたいと思います。

スポンサーリンク

TinyPNGの圧縮効率は素晴らしい!

TinyPNGは、その圧縮効率の高さで知られる、Web上で動く画像圧縮サービスです。

1回の圧縮で、未圧縮の6~7割もサイズを削ってくれる(=サイズは3割程度に小さく)というのですから、重宝します。そして、劣化が少ないのです。

一回でもこの威力↓

 

そんなTinyPNGですが、モノによってはまだまだ圧縮してほしい、最大限まで圧縮してみたい、ということも少なくありません。

TinyPNGで圧縮していく

早速圧縮していきます。

今回圧縮するのはこちらの画像です。なお、PNG画像を使います。

画像の条件として、パソコンのデスクトップを模しています。例えば、デスクトップの背景に写真が使われていたり、ウィンドウは非常に簡潔な色だったりするので、これらを盛り込みました。

この画像を使って圧縮していきます。

圧縮する回数はTinyPNG一回当たりの限界である「20回」で実験していきます。

 

…………(数分後)。

 

20回圧縮し終わりました。

ブラウザが縦長になりました。 どんどん圧縮されていくのがわかりますね。

 

※ちなみに、これ以上画像を挿入すると「Too many files uploaded at once(一度にファイルをアップロードしすぎだよ!)」と言われてしまいます。一度に20個以上のたくさんのファイルをアップロードしたい人は、Proバージョンを契約するか、ブラウザを更新して20回ずつもう一度やり直すしかないです。

スポンサーリンク

圧縮効率をグラフ化してみる

合計20回分の圧縮率と回数を比べてみました。

ちなみに、100%をオリジナル画像(未圧縮)にしています。

こうしてみると、見る見るうちに圧縮されていくことがわかります。

 

かんたんにまとめると、

  • 1~4回目では大幅な圧縮が行われている
  • 5回目以降は、ちょっとずつ進んだ
  • 途中の15回目には他より差が出た
  • 最終的なサイズ(20回目)はオリジナルの15%にまで小さくなった

という具合になりました。

 

画像の劣化具合を見てみる

ここで、圧縮した画像を比べてみましょう。比べるのは以下の3つです。

「オリジナル画像」「1回圧縮」「3回圧縮」「10回圧縮」「20回圧縮」

オリジナル画像は、このようになっています。

 

1回目の圧縮では、このようになっています。

オリジナルと比べても、ほとんどといっていいほど違いがありません。それでもサイズは1/3になっているのには、とても素晴らしいですね……。

 

3回目

少し山の雪が色あせています。

 

10回目

空にだんだんとノイズが走ってきました。

 

20回目

全体的にだいぶ色あせてしまいました。これでも十分きれいですが。

このときのサイズは、約60KB。もとの15%ほどの大きさになりました。すごい圧縮です。

これでも、遠目から見たらわからないですね。

まとめ

TinyPNGは複数回併せてやることで、どんどん圧縮できることがわかりました。

ただし、劣化もどんどん起こるので、バランスを考えて、やりすぎないようにしましょう。

大体3~5回あたりがちょうどいい具合になります。(サイズと劣化のバランスがGood)

 

以上、「TinyPNGで画像を圧縮しまくったお話」でした!

WordPress
\この記事をシェアする!/
スポンサーリンク
Tsut-psの休日

コメントを残す

タイトルとURLをコピーしました