更新日:2015年11月23日すばらしい圧縮率の画像圧縮アプリケーションのJPEGminiとPNGmini。ほとんど画質を落とさずに容量を8割くらいカットできるのですが、WordPressにアップするとそのすばらしい効果も無くなってしまいます。今日になって気がついて、文字を打つ気力もなくなってます笑Mac専用アプリのJPEGminiとPNGminiの話です。「役に立ってない」というのは私の使い方ですので、JPEGminiとPNGminiのことは嫌いにならないでください。今回発見したダメ問題の前に各アプリケーションの素晴らしい圧縮率を。Lite容量2915KBの写真をJPEGminiで圧縮すると、918KBになります。147KBの写真は29KBになりました。容量7〜8割カットです。mini追記:PNGminiは色の変化が多少あります。PNGの圧縮でしたら、無料で使えるTiniyPNGで圧縮できます。TinyPNGはJPGにも対応してますが、上記のJPEGminiの方が断然綺麗です。追記:2015/11/23TiniyPNGもオリジナルと比べると色が変わってしまうので、色味にこだわるイラストなどはJPGにして圧縮して使っていたのですが、ようやく色が全く変わらないPNG圧縮を見つけました。compresspng現在、PNGの圧縮に関してはこのサイトしか使ってません。容量13958KBの写真をPNGminiで圧縮すると、4451KBになります。258KBの写真は74KBになりました。こちらも容量7〜8割カットです。上記の結果から鑑みて、これらのアプリケーションの圧縮率は大変すばらしいものと言えます。WordPressにアップするとリセットされるWordPressは画像をアップロードするとサムネイル、中サイズ、大サイズのように画像のサイズを何パターンか自動的に作ってくれます。今回私が気がついて落胆したのは、WordPressにアップロードした後の状態です。1つの画層が何種類かのサイズに自動変換されます文章だとわかりにくいので、一覧表にしました。サイズ:300x225px容量:119KBサイズ:174x123px容量:43KBサイズ:150x150px容量:45KBサイズ:80x80px容量:14KBJPGファイルについては、WordPressの圧縮能力が良い感じということがわかりました。問題はPNGファイルです。PNGminiで圧縮した302x227pxのファイルの容量は45KBなのにWordPressで自動サイズ調整されたファイルは300x225pxで119KBもあります。圧縮した元画像の容量に比例してリサイズ後の容量も小さくなると思っていたのですが、WordPressは受け取った画像を独自のアルゴリズムで解釈してリサイズしているようです。(←説明がヘタですみません)今まで、ブログの本文の幅くらいに合わせて作ったPNG画像を、PNGminiで圧縮してからアップして、自動生成されたピッタリサイズの画像を使ってました。要するにPNGminiの機能をまったく活かしてない使用方法だったわけです。Smush.it」というプラグインがあって、以前それを使ってました。その時はアップロードごとに圧縮するモードで使っていて頻繁にエラーがでたので、使うのをやめてました。ググってみると、みなさんが「自動はoffにしたほうがいい」とおっしゃっています。Smush.it」で少しずつ圧縮していこうと思います。WordPress以外の方へ。追記:2014.12.26無料で画像圧縮ができるサイトがあります。TinyPNGというサイトです。PNGと名乗ってますが、最近JPGにも対応しました。TinyPNGこれはそんなに需要ある技でもないと思いますがせっかくなので。以前、ブログの高速化をしている時に気がついたことなのですが、スピード測定サイトの「GTmetrix」でも画像のダイエットをしてくれます。Images」をクリックするとこのように「このファイルを圧縮すると◯%軽くなるよ。version」というリンクがあります。そのリンク先の画像が圧縮された画像です。Googleのスピード測定サイトでもできたような気がします。当初「JPEGminiとPNGminiの圧縮、マジ半端ないからみんな買っちゃいなよ」という趣旨の記事を書こうとして圧縮率やら何やら調べはじめて、アップ後のファイルをよく見てみたら今回の事に気が付きました。画像が軽い方がアップロードは早くなるから圧縮するのもいいかもしれません。便利なサービス・ツール作成者:けんコメントを残す返信をキャンセルする。仕事に集中するためのホストのいじり方グアムのドコモパシフィックのプリペイドSIMカードを使ってみました【画面ハミ出し対策】レスポンシブでタブレットとPCは同じデザインにする方法ブログをリニューアルしました。ERR_EMPTY_RESPONSEの原因はCloudFlareとESETの相性。豪華客船クイーン・エリザベスが横浜大桟橋に初入港。(7)ABOUTmiz2403.comはテーマを絞らない雑記ブログです。ブログを開始した頃はWebマーケティングやホームページ制作の話が多かったのですが、いつのまにかデジモノやネットウォッチ、横浜の事や音楽などについても書くようになりました。詳細や書いている人についてはmiz2403.comについてをご覧ください。miz2403.com。