PhotoShopで作ったPNGがブラウザによって見え方が違う！ときのプラグイン
photoshopでPNG画像をWeb用に保存しようとすると、困ることがあるんですよね。
PNG形式ファイルは、ガンマ情報というのを内包していて、これがフィルターとなって画像の色合い・明るさを調整できます。しかし、Web用にこれを使うと、ブラウザによって明るさが変わってしまう。
これが非常に困るわけです。これを回避するには、ガンマ情報を削除して保存すればいいはずなんですが、PhotoShopではガンマ情報が削除できない。致命的。（噂ではPhotoShopCS3以降では対応できるとか？）
そこで何とかならないもんかと調べてみると、『SuperPNG』というPhotoShopプラグインを発見しました。
このプラグインをインストールすると、『別名で保存』（Web用に保存ではない）を選択すると、保存形式の中に『SuperPNG』が現れます。これで保存すると、ガンマ情報のないきれいなPNGで保存できますよ、と。
フォトショップのプラグイン保存先はこちらです。ここにダウンロードしたファイルの中にあるSuperPNG.8biというファイルを放り込む。以上でインストール完了です。
広告
ただし、『Web用に保存』では使えないので、一枚の画像から大量のPNGパーツをスライスで一挙に切り出す、というような使い方は出来ないのは不便ですね。
CS4では直ってるらしい。 "PhotoShopで作ったPNGがブラウザによって見え方が違う！ときのプラグイン | Tips | 『Weblogy』" http://is.gd/2etIR
PhotoShopで作ったPNGがブラウザによって見え方が違う！ときのプラグイン | Tips | 『Weblogy』: http://ux.nu/Zlkr9c #miteru
PhotoShopで作ったPNGがブラウザによって見え方が違う！ときのプラグイン | Tips | 『Weblogy』: http://j.mp/e2hHFE #miteru
ガンマの調整はPhotoshop側で設定できるんじゃないかなー http://j.mp/iiTdmf
PhotoShopで作ったPNGがブラウザによって見え方が違う！ときのプラグイン | Weblogy http://t.co/TVAno4Lw