ホームページ作成で使用する画像編集についてアドバイスを下さい。

質問

ホームページ作成で使用する画像編集についてアドバイスを下さい。

ホームページで使用するための画像をイラストレーター10とフォトショップ5.0.2Jで編集し、
その画像をHTMLで試しにIEで見ると色が正しく表示されません。

作業手順は、
(1)Aホームページで使用している画像をFFFTPでDL
(2)(1)の画像をイラストレーター10で編集
(3)(2)をフォトショップ5.0.2Jでpng形式の画像で保存
(4)(3)をHTMLでブラウザIEで試し表示
です。

その(3)までは画像が100％正しく表示されるのですが、
(4)で色が赤見がでてどす黒くなってしまいます（参照：添付画像）
原因はなぜでしょうか。解決策を教えて下さい。
よろしくお願いいたします。

回答No.3

metametamu · ベストアンサー

モードではなくphotoshopの作業カラースペースはどうなっていますか？

お礼

無事に問題が解決しました。
有難うございます。

補足

カラースペースとは作業中のバックの色のことでしょうか。

白、背景色、透明　とある中で
白でやっています。

回答No.5

metametamu

モニターの補正を行うにチェックが入っているようですのでモニタのiccプロファイルで色補正されている可能性があります。

モニター補正の設定等があれば補正時に使用するiccプロファイルをsRGBにしてみてください。
これで保存すれば色が合うと思います。

もしくは、photoshopの機能にプロファイルの変換という機能があると思うのですが、これでカラースペースをこのモニターのiccプロファイルに変換すると色の違いが抑えられると思います。
WindowsXPであれば　画面のプロパティ→設定タブ→詳細設定→色の管理タブ　で今適用しているモニターのプロファイルを見つけることができます。

お礼

無事に問題が解決しました。
有難うございます。

回答No.4

metametamu

＞カラースペース
利用されているICCプロファイルのことです。
http://www.adobe.com/jp/support/techguides/photoshop/cms6/space.html
こういう感じの画面で確認できます。

RGBモードやCMYKモードというのは、ここで当てたプロファイルを元にして色を管理しています。
例えばphotoshop上のRGBモードに当てられているのがAdobe RGBであれば、保存しブラウザで開いた場合は色がくすんで見えると思います。(最新のfirefoxやsafariはiccプロファイルに対応しているので同じ色で見ることができます)

お礼

無事に問題が解決しました。
有難うございます。

補足

＜RGB設定＞
RGB : sRGB
ガンマ : 2.20
白色点（色温度）: 6500°K(D65)
RGB色度座標（I) : HDTV(CCIR 709)

＜モニタ : sRGB＞
「モニタ補正を行って表示」にチェック入り

です。この内容で分かりますか？

回答No.2

otaku37564

)(1)の画像をイラストレーター10で編集

この時点でカラー情報がCMYKになってませんか？

お礼

無事に問題が解決しました。
有難うございます。

補足

イラストレーター10とフォトショップ5.0.2J　共にRGBモードで編集・保存しています。

回答No.1

aokii

ブラウザとはそういうものです。
ｐｄｆで保存してみて下さい。

お礼

無事に問題が解決しました。
有難うございます。

補足

アドバイス有難うございます。

pdfで試したところ、画像自体が表示されませんでした。
jpgで試したところ、ちゃんと表示することができました。

ありがとうございます。

でも、
・画質がいい
・容量が小さい
という理由でやはりpngで表示させたいです。

以前にネットで調べたときに、
フォトショップ5.0.2Jの設定を変えると正しく表示されるみたいなことがあったのですが、
それでは解決しませんか？