覚書です。
一括で画像をリサイズできるおすすめのソフトウェアはPhotoshop!?
Photoshopが一押しです。
affinity photoとXnConvertはリサイズして保存したのち、圧縮ソフトにかけると同サイズになりました。見た目も変わらない気がします。
Photoshop(有料)
リサイズといえば、Photoshopが一押しです。
- UIもよくバット処理で簡単にリサイズできます。
- 圧縮も含めて画質調整できます。
フォトプランなら安く契約できます。
レイヤーごとに書き出しもできるため、便利なのですよね。
affinity photo(有料)
Affinity Photoも一括ジョブがあります。affinityはよいソフトですけど、リサイズはいまいちなところがあって設定を間違えると結構画像がぼける(汚くなる)のですよね。
XnConvert(フリーソフト・有料)
- 無料です。法人利用は買わないとダメのようです。
- 長辺と短辺も選べるため、片側選択することもできます。
RalphaMini(フリーソフト)
- 無料です。
- RalphaMiniは縮小アルゴリズムと拡大アルゴリズムが選べる設定欄があります。
一括でPNGを圧縮・減色するするおすすめのソフトウェア!?
リサイズしたものを圧縮や減色でさらに軽くします。
Photoshopでも圧縮率を変えられますが、個人的に別途圧縮ソフトを使う場合が多いです。3段階もあります。面倒な人はPhotoshopだけの人もいそうですね。
- Photoshop(リサイズ)
- pngquant(PNGoo)
- imageOptim
PNGツールの多くは、pngquantが大元
Winrdos、Mac、オンラインと多くのPNG圧縮ソフト・減色ソフトがでていますが、内部的なアルゴリズムは一緒のものが多く、pngquantが大元のエンジンであることが多いです。ここから理解すると、いろいろな圧縮・減色ソフトが体系的に理解しやすいです。
つまり、大元が一緒のため、大きくは変わらないわけですね。GUIが違うヾ(｡・ω・)ﾉﾟ
最初の設定はちょと面倒かもしれませんが、プログラマーはわりとコマンドプロンプトで一括変換した方が早いでしょう。柔軟性がありますし、1回流れを作ってしまえば早いですからね。
GUIツール(グラフィカルユーザインタフェース、ここでは平たくソフトウェア)がいい場合、ソフトウェアやオンラインツールを取捨選択しなければなりません。
GUIのメリットは誰でも使いやすいこととデザイナーのひとはやはりプレビュー画面がみれるからよいといいますかね。個人的にもコマンドプロンプトやUNIXは利用しますが、画像となるとプレビューで確認しながら作業したい方です。
TinyPNGやKraken.ioのセキュリティは…
TinyPNGは素人向けなのか、1番取り上げられるサイトが多い気もします、
ただ、仕事で使う重大なPNGファイルの場合、アップロードする行為自体が安全性があるのか上司が許してくれないのではないかとセキュリティ面の心配する人もいます。外部にデータをアップロードしているわけですからね。
ほかにも次のようなデメリットがあります。
- 細かい設定ができない
- ブラウザにアップロード・ダウンロードが面倒
- 500枚までの制限がある
個人的にはTinyPNGはやはり選択肢には入れにくいですね。ただ、photoshopで使いたい人は、Photoshopの有料プラグインがありますので検討してもいいでしょう。最近、Wordpressのプラグインもでています。
別にどうでもいいファイルだしと、遊びでWebで圧縮したい人は検討してもいいかもしれません。
Kraken.ioというソフトもありますが、同じようなものですかね。
ImageAlphaは複数ファイルの対応は?
MACユーザーのため、ImageAlphaをみてみました。でも、すぐ気づきましたよ。
複数ファイルに対応していないじゃん。しかも保存するときに、PNGと拡張子をつけなければならない。繰り返し行う作業ですからね。時間がかかるのは個人的に仕事では使えません。
Pngyuaは複数ファイル可
実はもうひとつImageAlphaよりマイナーですが、MacのソフトウェアにPngyuaがあります。
こちらは複数ファイルに対応しています。
ただし、最終更新日が2013年なので、あんま更新していないんだな、と思いました。とはいえ、Macしかない人はPngyuaでもいいんじゃないでしょうか。
PNGooは本家!?
PNGooはWinrdowsのツールです。
pngquantの公式サイトでPNGooのダウンロード先のurlをみたとき、すぐに気づきました。これって公式本家が提供しているよね。
PNGooは本家だから、ほかのツールより安心感があるかも。
一括変換やプレビューにも対応し、減色方法も選べます。ツールの中ではこれが1番よさそうですね。
試しにImageAlphaとPNGooで同じファイルを変換したところ、PNGooの方が1kb少なかったです。この1kbの違いはちょっとわかるようなわからないようなところがありますが、あんま暇じゃないんでそこの詳細の調査はしていません。
まあ、PNGooで問題なさそうだなっと。
「PNGGauntlet」と組み合わせることで、4.17KB（オリジナルの44％）にまで圧縮できた。作者によると、最大で70％ほどファイルサイズを削減できるとのこと
http://www.forest.impress.co.jp/docs/review/20140228_637513.html
PNG画像の一括処理まとめ
- pngquant(本家、コマンドプロンプト)
- TinyPNG(素人向け、Photoshopの有料プラグインは使えるかも)
- ImageAlpha(プレビュー、設定可、複数ファイル不可)
- Pngyua(プレビュー、設定可、複数ファイル可)
- PNGoo(本家、プレビュー、設定可、複数ファイル可)
使い方は適当にぐぐれば、いろいろな人が紹介してくれているため省略します。個人的な結論としては、コマンドプロンプトを書くか、PNGooかですかね。
imageOptimとごっちゃにしない方がいい
メタデータの削除もドラックアンドドロップだけなので、メタデータの削除の作業は念のためわけています。
たまに、「ImageOptim」より「TinyPNG」の方が容量が減るとソフトの用途を把握せず、ごっちゃにしているブログを見かけます。
pngquantは主に減色用のソフトです。
imageOptimは主にメタデータの削除ようです。
2つのソフトは併用してこそ、効果が発揮されるため、pngquantで減色をしたのち、メタデータの削除もお忘れなく。
ちなみに、imageOptimは複数の画像を一括変換できます。
Macでしか使えないのが難点です。
個人的にWIndowsでPNGooを使い、MacでImageOptimを使っています。2つともPC起動していますし、Dropboxの同期で一瞬なので。
減色時のチェックポイントのひとつはグラデーション
ちなみに、見栄えをみるときは、グラデーションが綺麗に表現できているか否かあたりをポイントに見た方がいいと思います。
写真とイラストが混合している場合
写真とイラストが混合しているケースがあります。たとえば、写真の上にイラストやロゴがのっている場合です。この場合、どちらで出力すればいいのかという問題です。
もちろんバラバラで書き出して後からレイヤーにしてのっけるという方法はあるでしょう。
ただ、今回の場合はもっと簡単な話で、1枚の画像で書き出す場合、pngにするかJpegにするかという話です。
結論からいうとケースバイケースという気がします。
jpeg(Jpeg mini) vs png(PNGoo)
あまり比較することはないかもしれませんが、先ほどの写真とイラスト・ロゴが合成されているバナーなどを、Jpeg miniとPNGooで書き出してみました。
画像はちょっと仕事の都合により、のっけませんが、容量だけのっけると次のようになりました。
- 減色前 84kb
- 減色後(Jpeg mini) 63kb
- 減色後(PNGoo) 16kb
ただしpngで書き出すと色割りが若干、イラストっぽくなりますかね。こちらを味とできるか否かはアートの狙いや写真やイラストが占める面積によって変わってくるのではないでしょうか。
だから、先ほどの結論のとおり、ケースバイケースで判断するのが望ましいでしょう。
ただ256色のpngは意外と綺麗です。PNGにする方が多いかもしれまません。
OPTPiXの存在を忘れてならない
つらつらと紹介してきましたが、実は僕はWeb屋ではありません。
ドメイン名をみればわかるとおり、ゲーム屋です。
Webデザインだけではなく、cocos2d-xやUnity、Unrealなどのアプリ・ゲーム開発において、減色は必須です。だから、圧縮や減色は気になるのです。
ゲーム開発において減色ツールといえば、OPTPiXはプレステ時代から定番ではありました。昔から、Photoshopの減色はあかんからOPTPiXだね、と。よく言われたお話です。今のPhotoshopはかなりグレードアップしましたけど…。
OPTPiXとpngquantを比較してみたいですね。どのぐらいの差がでるのでしょうか。
OPTPiXは個人には敷居高い(料金が高い)ため、そのような比較記事は見当たりませんね。一時、Web用のOPTPiXが出回っていましたが、もう販売中止になっているのですよね。
最近、OPTPiXを使う現場にいないため、誰かしっていたら、こっそりおしえてください〜。
ちょっと中途半端かもしれませんが、今回は軽く減色ソフトについてまとめてみました。ヾ(｡・ω・)ﾉﾟ
コメント