MoxbitMoxbitMoxbitとはお知らせお問い合わせキャラクター紹介WindowsやMac、iPhoneなどのガジェットからライフハックまで、幅広いジャンルを扱っているブログです。いえば、そろそろ価格改定されてもおかしくないころですね。AppStoreの価格変わる前にJPEGmini買っとこうかな〜。コメントmacOSMac向けの画像圧縮アプリ『ImageOptim』と『JPEGmini』を比較してみました。パイナポーOSXの有名な画像圧縮アプリとして『ImageOptim』と『JPEGmini』の2つが挙げられますが、実際のところどちらが良いのですか?ジャガアポーそうですね〜。僕はどちらとも持っているので、せっかくですから比較してみましょう!シナモン画像圧縮アプリ...??画像圧縮アプリとはWebデザイナーにとってデザインスキルは非常に重要なものになりますが、それに伴い、「画像の容量をいかに減らせるか」が大切になってきます。派手なデザインは人の目を惹きつける効果がありますが、画像の容量は大きなものになり、表示速度が遅くなってしまいます。2009年の調査によると、Webページが表示されるまでに3秒以上経過すると、半数弱の人がページを表示することを諦めて、他のサイトへ移動してしまう結果がでています。Web担当者Forumシナモンウソよ...!ジャガアポーウソです!パイナポーいや本当でしょ。いうか、変な突っ込み入れないでください記事が読みにくいです。最近はフラットデザインが流行っており、「フラットデザインなら派手な画像を使わなくても良いのでは?」と思う人も多いでしょう。たしかにフラットデザインはグラデーションやシャドウを一切使わないため、よほど画像サイズが大きくない限り、容量は10kB以下に抑えられます。全てのサイトにおいて闇雲にフラットデザインを採用するのは好ましくなく、場合によっては派手な演出が必要となってきます。(ここではフラットデザインの賛否については割愛します)ということで、役立つのが画像圧縮アプリです。画像圧縮アプリは見た目の変化を極力抑えつつ、画像から余分なデータを削除して画像の容量を削減するというもの。Webデザイナーだけでなく、多くのブロガーも使っているかと思います。Mac向けの画像圧縮アプリはたくさんありますが、中でも有名なのが『ImageOptim』と『JPEGmini』です。以前まで僕も「どっちが優れているのか」と気になっていましたが、数ヶ月使ってみての結論をまとめてみます。複数の拡張子に対応している無料アプリ『ImageOptim』ImageOptim『ImageOptim』は、JPEGやPNG、GIF形式に対応するOSX向けの無料画像圧縮アプリです。最近のWebページではJPEGとPNGの2つの拡張子しか使わないことが多く、『ImageOptim』1本でこれら2つの拡張子の画像圧縮をカバーできるのが利点です。アプリの価格も無料なので、試しに導入→実際に使用といったことができます。シンプルで直感的に使用できるのも評価したいところです。JPEG画像の圧縮に特化した『JPEGmini』JPEGmini『JPEGmini』は、JPEGに対応するOSX向けの画像圧縮アプリです。『ImageOptim』が無料なのに対し、『JPEGmini』は20ドル(=執筆時現在で約2000円)という価格設定になっています。『JPEGmini』はJPEG画像にしか対応していません。Lite』も用意されていますが、1日に20ファイルまでしか圧縮してくれないという制限があります。Windows向けのアプリも用意されているので、Windowsユーザも使用できます。試しにいくつかのJPEG画像に圧縮をかけてみるそれではこれら2つのアプリを使って、実際にJPEG画像に圧縮をかけてみましょう。写真は『千と千尋の神隠し』のモデルにもなった渋温泉への旅行のときに撮影したものを使用しています。K-30』で、保存形式はRAW、『Lightroom』で圧縮率最低で出力したJPEG画像がソースになります。これを『Photoshop』でリサイズ(600x400)し、一般的な(Web用としてではない)保存で保存したものに圧縮をかけてみました。『Photoshop』による保存時も圧縮率は最低にしてあります。これが元のファイルです。『ImageOptim』も『JPEGmini』にもかけていません。容量は約440kBと、Webで使用するには大きすぎる容量です。次にこれが『ImageOptim』にかけたファイルです。容量は約390kBで、元のファイルよりも50kBほど削減できました。これが『JPEGmini』にかけたファイルです。容量は約270kBで、元のファイルよりも170kBも削減できました。言っても、まだ容量は大きいです(汗)これら3つの画像を比較しても分かる通り、写真の品質差はほとんど違いがわかりません。その中で『JPEGmini』は飛び抜けて容量を削減していることがわかります。次に元ファイルを『Photoshop』でリサイズ後、Web用として保存したものに圧縮をかけてみます。ちなみにブログなど一般的な場面での使用を想定して、圧縮時のプリセットを“高画質”にしました。これが『Photoshop』の“高画質”で出力したものです。『ImageOptim』や『JPEGmini』をかけていない画像です。容量は約160kBで、一般的な設定で保存したものより低容量になっています。『Photoshop』のWeb画像用出力機能の素晴らしさがわかりますね!ジャガアポーちなみに“最高画質”プリセットで出力しても、容量は約300kBだったので、一般的な設定で保存するよりも150kB弱ほど容量が削減されています。『Photoshop』素晴らしいですね〜!次に『ImageOptim』にかけた画像です。容量は約150kBで、10kBほどしか容量削減できていません。『JPEGmini』にかけた画像です。容量は約120kBで、元の画像より40kBも削減できています。これくらいの容量ならば、Webとして使うには許容範囲でしょう。これらの結果から、JPEGの圧縮は『ImageOptim』より『JPEGmini』の方が優れていることがわかります。ジャガアポーちなみにですが、『ImageOptim』はあくまでメタデータを削除するアプリにしか過ぎません。JPEGのような非可逆圧縮方式の画像の場合、画像自体に編集を加える『JPEGmini』の方が容量を削減できるのは用意に想像がつきます。僕はPNG画像の圧縮は『ImageOptim』、JPEGは『JPEGmini』と使い分けています。結論というわけで、今回の結論は、『Photoshop』のWeb用保存と組み合わせれば最強です。結論がタイトルとはあまり関係ない気がしますが...。シナモン画像圧縮アプリってこんなにも容量を削減してくれるんですね!画像の容量は前から少し気にしていましたが、こんなアプリまであるとは知りませんでした!ジャガアポーこのサイト上の画像も、すべて『ImageOptim』か『JPEGmini』で一度圧縮をかけたものを使用しています。『JPEGmini』は『ImageOptim』と違い画像に編集を加えるとのことですが、やはり元の画像よりも品質が低下することはあるんですか?ジャガアポーありますよ〜。『JEPGmini』は“ここまで容量を削減しているのに、ここまで品質低下が少ない”と謳っていることから、若干の品質低下はあります。正直なところ、画像によってはとてつもなく品質が低下することがあるので、僕はすべてのJPEG画像に『JPEGmini』を使っていないのが現状です。パイナポーなるほど...。『JPEGmini』で品質が著しく低下してしまう場合は『ImageOptim』を使えば良いですが、あまり容量削減は期待できないわけですね。シナモンちなみにアポー先輩は、画像の容量はどれくらいがベストだと思いますか?ジャガアポーもちろん容量は小さければ小さいほどベストです。このサイト上の記事に使われている画像は、可能ならば50kB、最低でも100kBまで抑えるようにしています。『Photoshop』の“高画質”プリセットで出力しても100kBを超える場合は、やむを得ず“中画質”で出力しています。ブログで使用される画像のように、時間が経過するにつれて見られる頻度が低くなるものに関しては、画質を犠牲にすることが多々あります。それに対して、サイトのヘッダー部分に使用される画像のように、見られる頻度が高い画像に関しては画質を優先にしていますね。シナモン“見られる頻度”を意識すべきなんですね!パイナポーまぁでもシナモンの顔なんかは誰も見ないから、“最低画質”で出力しても良いと思います!シナモンフシャーッ!!記事は執筆時の情報に基づいており、現在では異なる場合があります。表情6コメントを投稿した際には、コメントガイドラインに同意したものとみなされます。14:58AppStoreの価格変わる前にJPEGmini買っとこうかな〜。20:14そういえば、そろそろ価格改定されてもおかしくないころですね。it.コメントを投稿した際には、コメントガイドラインに同意したものとみなされます。表情1ニックネームコメントを投稿した際には、コメントガイドラインに同意したものとみなされます。OX.当サイトは『Retinaディスプレイ』に対応しています。