圧縮した画像をアップしてもWordPressは独自の画像を作りやがる

公開日：2013年9月4日　更新日：2015年11月23日

今日になって気がついて、文字を打つ気力もなくなってます笑
Mac専用アプリのJPEGminiとPNGminiの話です。

JPEGminiとPNGminiの素晴らしい圧縮率

「役に立ってない」というのは私の使い方ですので、JPEGminiとPNGminiのことは嫌いにならないでください。
今回発見したダメ問題の前に各アプリケーションの素晴らしい圧縮率を。

JPEGmini

JPEGmini Lite

容量2915KBの写真をJPEGminiで圧縮すると、918KBになります。
147KBの写真は29KBになりました。容量7〜8割カットです。

PNGmini

PNG mini

容量13958KBの写真をPNGminiで圧縮すると、4451KBになります。
258KBの写真は74KBになりました。こちらも容量7〜8割カットです。

上記の結果から鑑みて、これらのアプリケーションの圧縮率は大変すばらしいものと言えます。

WordPressにアップするとリセットされる

WordPressは画像をアップロードするとサムネイル、中サイズ、大サイズのように画像のサイズを何パターンか自動的に作ってくれます。

で、今回私が気がついて落胆したのは、WordPressにアップロードした後の状態です。

1つの画層が何種類かのサイズに自動変換されます

文章だとわかりにくいので、一覧表にしました。

JPGファイルについては、WordPressの圧縮能力が良い感じということがわかりました。

問題はPNGファイルです。
PNGminiで圧縮した302x227pxのファイルの容量は45KBなのにWordPressで自動サイズ調整されたファイルは300x225pxで119KBもあります。

圧縮した元画像の容量に比例してリサイズ後の容量も小さくなると思っていたのですが、WordPressは受け取った画像を独自のアルゴリズムで解釈してリサイズしているようです。（←説明がヘタですみません）

今まで、ブログの本文の幅くらいに合わせて作ったPNG画像を、PNGminiで圧縮してからアップして、自動生成されたピッタリサイズの画像を使ってました。
要するにPNGminiの機能をまったく活かしてない使用方法だったわけです。

アップロードした画像は「WP Smush.it」で圧縮

サーバーにアップした画像を圧縮する「WP Smush.it」というプラグインがあって、以前それを使ってました。
その時はアップロードごとに圧縮するモードで使っていて頻繁にエラーがでたので、使うのをやめてました。
あらためてググってみると、みなさんが「自動はoffにしたほうがいい」とおっしゃっています。

ということで今後は「WP Smush.it」で少しずつ圧縮していこうと思います。

WordPress以外の方へ。圧縮ソフトが無くても一括変換

これはそんなに需要ある技でもないと思いますがせっかくなので。
以前、ブログの高速化をしている時に気がついたことなのですが、スピード測定サイトの「GTmetrix」でも画像のダイエットをしてくれます。

圧縮したい画像があるページのスピード測定をして、表示されるRECOMMENDATIONの中の「Optimize Images」をクリックすると

このように「このファイルを圧縮すると◯％軽くなるよ。」というメッセージと「optimized version」というリンクがあります。そのリンク先の画像が圧縮された画像です。Googleのスピード測定サイトでもできたような気がします。

当初「JPEGminiとPNGminiの圧縮、マジ半端ないからみんな買っちゃいなよ」という趣旨の記事を書こうとして圧縮率やら何やら調べはじめて、アップ後のファイルをよく見てみたら今回の事に気が付きました。
でも、画像が軽い方がアップロードは早くなるから圧縮するのもいいかもしれません。