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

In: Tips

31 7月 2009

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

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

色合いが違う

上がFireFox3で下がIE7

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

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

SuperPNG

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

phtoshopのプラグイン保存先

phtoshopのプラグイン保存先


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

SuperPNGの画面

SuperPNGの画面

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

広告

コメント

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

トラックバックURL:

Avatar

azu

8月 13th, 2009 at 3:50 AM

CS4では直ってるらしい。 "PhotoShopで作ったPNGがブラウザによって見え方が違う!ときのプラグイン | Tips | 『Weblogy』" http://is.gd/2etIR

Avatar

azu_re

8月 13th, 2009 at 12:50 PM

CS4では直ってるらしい。 "PhotoShopで作ったPNGがブラウザによって見え方が違う!ときのプラグイン | Tips | 『Weblogy』" http://is.gd/2etIR

Avatar

しがない高校生

1月 8th, 2011 at 1:45 PM

PhotoShopで作ったPNGがブラウザによって見え方が違う!ときのプラグイン | Tips | 『Weblogy』: http://ux.nu/Zlkr9c #miteru

Avatar

Kazu

1月 8th, 2011 at 1:49 PM

PhotoShopで作ったPNGがブラウザによって見え方が違う!ときのプラグイン | Tips | 『Weblogy』: http://j.mp/e2hHFE #miteru

Avatar

Kyo Nagashima

1月 8th, 2011 at 2:33 PM

ガンマの調整はPhotoshop側で設定できるんじゃないかなー http://j.mp/iiTdmf

Avatar

hyperapple

1月 8th, 2011 at 10:45 PM

PhotoShopで作ったPNGがブラウザによって見え方が違う!ときのプラグイン | Tips | 『Weblogy』: http://ux.nu/Zlkr9c #miteru

Avatar

kskz_

1月 8th, 2011 at 10:49 PM

PhotoShopで作ったPNGがブラウザによって見え方が違う!ときのプラグイン | Tips | 『Weblogy』: http://j.mp/e2hHFE #miteru

Avatar

hell2u

1月 8th, 2011 at 11:33 PM

ガンマの調整はPhotoshop側で設定できるんじゃないかなー http://j.mp/iiTdmf

Avatar

Coco's Study Note » Blog Archive » グラデーション背景画像

6月 24th, 2011 at 11:57 PM

Avatar

つる

9月 25th, 2012 at 4:24 PM

PhotoShopで作ったPNGがブラウザによって見え方が違う!ときのプラグイン | Weblogy http://t.co/TVAno4Lw

Avatar

tsuruyohe

9月 26th, 2012 at 1:24 AM

PhotoShopで作ったPNGがブラウザによって見え方が違う!ときのプラグイン | Weblogy http://t.co/TVAno4Lw

Comment Form

About this blog

ここは、SE見習いである私ことdaceloが、日夜習得していくシステム関連の備忘録、phpやWordPressTipsのネタ、あるいはSEOやWebマーケティング関連の雑感を投稿するブログです。 平日は大体毎日投稿しています。土日は休業日です。

カテゴリー

カテゴリー

アーカイブ