PhotoShopで作ったPNGがブラウザによって見え方が違う！ときのプラグイン

31 7月 2009

photoshopでPNG画像をWeb用に保存しようとすると、困ることがあるんですよね。

PNG形式ファイルは、ガンマ情報というのを内包していて、これがフィルターとなって画像の色合い・明るさを調整できます。しかし、Web用にこれを使うと、ブラウザによって明るさが変わってしまう。

上がFireFox3で下がIE7

これが非常に困るわけです。これを回避するには、ガンマ情報を削除して保存すればいいはずなんですが、PhotoShopではガンマ情報が削除できない。致命的。（噂ではPhotoShopCS3以降では対応できるとか？）

そこで何とかならないもんかと調べてみると、『SuperPNG』というPhotoShopプラグインを発見しました。

このプラグインをインストールすると、『別名で保存』（Web用に保存ではない）を選択すると、保存形式の中に『SuperPNG』が現れます。これで保存すると、ガンマ情報のないきれいなPNGで保存できますよ、と。

phtoshopのプラグイン保存先

フォトショップのプラグイン保存先はこちらです。ここにダウンロードしたファイルの中にあるSuperPNG.8biというファイルを放り込む。以上でインストール完了です。

SuperPNGの画面

ただし、『Web用に保存』では使えないので、一枚の画像から大量のPNGパーツをスライスで一挙に切り出す、というような使い方は出来ないのは不便ですね。

WordPressの管理画面が真っ白になってしまったら WordPressの管理画面だけが真っ白になってしまった。サイトのトップページを普通に見てみると、普通に表示されている。 /wp-admin/ wp-login.php 管理画面にログインしようとすると、真っ白になって ...続きを読む...
Evernote 4.4 の便利な新機能。とうとうノート間リンクが！本日6月15日、Evernote4.4 Windows版が正式リリースされました。色々と機能の改善が施されて、さらに便利に使えるようになっています。１．ノート間リンク全Evernoteユーザーが「あったらいいな」と ...続きを読む...

Related posts brought to you by Yet Another Related Posts Plugin.