<p class="thumb"><img src="http://d3qt5c962pj1kq.cloudfront.net/images/2013/01/png-minimizer_min.png" alt="PNG Minimizer" width="510" height="327" class="none" /></p>
<p>サイト訪問者のストレスを軽減するために、サイトの表示速度はなるべく速くしたいものです。しかし昨今、メディアのジャンルあるいは記事の内容によっては、画像や動画などのリッチコンテンツがないと、ある場合と比較して直帰率の増加、滞在時間の減少などを招く傾向にあります。（当ブログ調べ）</p>
<p>このジレンマを解決するには、画像のファイルサイズを圧縮して、ページ読み込みの負荷を減らしてあげる必要があります。この手のサービスには<a target="_blank" href="http://www.smushit.com/ysmush.it/">Yahoo! Smush.it™</a>や<a target="_blank" href="http://caesium.sourceforge.net/">Caesium</a>といったのようなものもありますが、今回は画質を保つだけではなく、画質をどれくらい落とすか調整しながらファイルサイズを圧縮できるサービスをご紹介します。</p><!--more-->
<h3 class="header-label">画質を落とさずにファイルサイズを圧縮</h3>
<p>「<a target="_blank" href="http://media4x.com/image/">PNG Minimizer</a>」は、<strong>BMP, ICO, GIFそしてJPGといった形式の画像ファイルを、画質を落とさずに圧縮したPNG形式の画像を生成する</strong>サービス。</p>
<p>画質を落とさない状態では、PNG形式で10％程度、JPEGなら50％程度ファイルサイズを圧縮する効果が期待できます。（※画質を落とせばさらにサイズを小さくできます。）</p>

<h4 class="tips">他のサービスとの比較</h4>
<p>今回の比較では、72.2 KBのPNG画像を使って、それぞれのサービスで圧縮してみました。</p>
<table><thead><tr><th></th><th>PNG Minimizer</th><th>Smush.it</th><th>TinyPNG</th></tr></thead><tbody><tr><th>圧縮後のサイズ</th><td><b>37.5 KB</b></td><td>58.87 KB</td><td>38.4 KB</td></tr><tr><th>圧縮率</th><td><b>49%</b></td><td>18.56%</td><td>48%</td></tr></tbody></table>
<p>この結果は、すべて画質を落とさない設定時のものです。当ブログではWordpressプラグインの<a target="_blank" href="http://wordpress.org/extend/plugins/wp-smushit/">WP Smush.it</a>を使って自動的に画像を圧縮しているのですが、この結果を見るとショックですね（泣）</p>

<h4 class="tips">画質を目視で比較できる</h4>
<p><img src="http://d3qt5c962pj1kq.cloudfront.net/images/2013/01/png-minimizer1.png" alt="圧縮のビフォーアフター" width="500" height="371" class="aligncenter size-full wp-image-25092" /><br />↑ファイルをアップロードして圧縮を実行すると、ビフォーアフターで画質を比較することができます。上記に設置している画像はPNG形式でキャプチャしたのですが、このツールを使って9％圧縮することができました。それでも目を凝らしてみないと違いがわからないレベルです。</p>

<h4 class="tips">圧縮率を調整できる</h4>
<p><img src="http://d3qt5c962pj1kq.cloudfront.net/images/2013/01/png-minimizer2.png" alt="png-minimizer2" width="500" height="261" class="aligncenter size-full wp-image-25091" /><br />↑さらに目視で確認しながら、許容範囲まで画質を落としていけば、より小さいサイズまで圧縮することができます。こちらも実践したところ、上記に設置している画像をColorsの部分のスライダで256から54まで落とすことで、サイズを33％圧縮できました。</p>

<h4 class="tips">圧縮した画像をダウンロード</h4>
<p><img src="http://d3qt5c962pj1kq.cloudfront.net/images/2013/01/png-minimizer3.png" alt="png-minimizer3" width="500" height="107" class="aligncenter size-full wp-image-25090" /><br />↑圧縮を実行した画像ファイルは、Downloadボタンを押すことでダウンロードすることができます。ダウンロードした際の画像のファイル名は「元々のファイル名__min.png」となります。</p>

<h4 class="tips">2013/02/05追記：画像の一括アップロードも可能</h4>
<p><img src="http://d3qt5c962pj1kq.cloudfront.net/images/2013/02/png-minimizer5_min.png" alt="複数画像を一括一括でアップロードアップロード" width="500" height="226" class="aligncenter size-full wp-image-25152" /><br />↑この記事を公開した直後にUIが変更になり、複数画像を一括でアップロードすることも可能になりました。これは嬉しいですね。欲を言えば、一括圧縮機能も（笑）</p>


<p>興味がある方は<a target="_blank" href="http://media4x.com/image/">PNG Minimizer</a>へどうぞ。</p>
<p class="desc">※PNG Minimizerは、Image Compressionにサービス名が変更されました。</p>
<p>Wordpressのプラグインでは、WP Smush.it以来これといったものが出てこないのですが、自動的に画像のファイルサイズを自動的に圧縮してくれるプラグインを是非提供して欲しいですね。</p>