【無料画像圧縮】画質を維持して超軽量に「TinyPNG」の基本的な使い方

記事内に広告を含む場合がございます

当サイトの記事には広告を含む場合がございます。記事内でご紹介している商品を購入されることで、当サイトに売上の一部が還元されることがございます。

印刷用であれば、画像サイズ（容量）を気にすることはないのですが、Web用の画像となれば話は別です。表示に時間がかかるWebサイトは、お客様の直帰（アクセスしてすぐ帰ること）を増やすだけでなく、サイト内での回遊の妨げにもなります。また、メールに添付画像も軽い方が嬉しいですよね。そんな時に、画像を圧縮するという手段があります。今回は、ブラウザで無料で利用できる画像圧縮ツール「TinyPNG」を紹介します。
このサイトで使用している画像もほとんど（忘れてることもあるかも…）このツールを使用して圧縮してますよ。

TinyPNGの圧縮性能

TinyPNGが対応しているのは、PNGとJPEGの２種類の画像フォーマットです。今回比較する指標としては、圧縮前後の画像サイズ（データ容量）の変化とオリジナルとの画質比較です。後者に関しては感覚の問題なので、目視で見ていただいて満足かどうか？という感じになりますが、前者に関しては数字で比較可能です。

JPEG画像の圧縮前後比較

今回はiPhoneのカメラで撮影した写真を素材にします。
（撮影場所は、銀座にあるBONGEN COFFEEです。隠れ家感あって好きなカフェです。）
iPhoneのカメラで撮影した場合、画像フォーマットが「HEIC」となっていますので、手元でJPEGに変換する必要があります。また、撮って出し（撮影したまま）のサイズだとそもそも大きすぎたので、画像サイズをあらかじめ小さくしておきました。
それ以外の要素は無加工です。