Photoshopの画像保存について教えて下さい。
携帯サイトの制作で、画像を「Webおよびデバイス用に保存」した時、元の色から変わってしまい、困っています。
携帯サイトの制作で、画像を「Webおよびデバイス用に保存」でJPEG・画質50で保存してHTMLに貼り付けると、HTML側の背景色と画像の一部分で同じ色にならなければならないのが、色が違って境目ができてしまいまい困っています。
どのように設定して保存すればいいでしょうか?
・HTMLの背景色「#aad82d」
・photoshop上の同じ部分の色「#aad82d」
・web用に保存後の同じ部分の色「#a9d413」
ちなみに、他社の方にて保存されている画像は、背景と画像の境目は馴染んでいました。
以下が現在の環境です。
■OS
iMac/Mac OS X 10.6.6
■Photoshopの環境
バージョン>Photoshop CS5
表示>校正設定>インターネット標準RGB(sRGB)
カラー設定>
設定:一般用-日本2
RGB:sRGB IEC61966-2.1
CMYK:Japan Color 2001 Coated
グレー:Dot Gain 15%
スポット:Dot Gain 15%
どうかよろしくお願いいたします。
No.2
- 回答日時:
GIF64でもJPG50でも同じ色が再現できますが。
塗りつぶしレイヤー #aad82d
HTML #aad82d
不透明や塗りの100%を確認
その携帯で#aad82dのサポートされるかは知りませんが・・・
この回答への補足
naokitaさん、ご回答ありがとうございます。
まさにそんな感じに保存したいです。
今日いろいろ触ってて分かったことがありました。
web用に保存するとき、元のPSDを「画像を統合」して1レイヤーにまとめ、
必要なところを選んでコピーして、【新規】で開いたページに一旦ペーストしたのち、web用に保存をしていましたが、
【新規】のページにペーストした時点で色が変わっていました。。。
なぜ色が変わるのかはまだ確認中ですが、改善法として、
【新規】ページではなく、もとのPSDの状態のままweb用に保存すれば同じ色で保存できることが分かりましたので、
とりあえずはこの方法でいくことができそうです。
ありがとうございます。
naokitaさん、ご回答ありがとうございました。
あれから調べていくうちに原因が分かり、解決できました。
No1さんの所のレスに記載しましたが、カラープロファイルの違いが原因でした。
お世話になりました!
No.1ベストアンサー
- 回答日時:
gif カラー256
または
jpeg 画質100
で保存して下さい。
大抵は前者ですが、
場合によっては後者も使います。
ですが画像の詳細が分かりませんので
アドバイスのしようがないです・・・。
きつい言い方ですが、
jpeg で画質50では、色が変わって当たり前です。
画像によってjpegとgifを使い分ける、
ファイルサイズに気を配る、等々は
サイト製作では常識です。
その位はお勉強して下さいませ。。
この回答への補足
tsuki11さん、ご回答ありがとうございます。
jpegの画質によっても、(jpegに圧縮した時点でも)色が変わってしまうのは承知しています。
tsuki11さんのおっしゃるように画質100で保存したいところです。
詳細情報が少なくて失礼しました。
携帯の勝手サイトを制作しているのですが、少し前の機種(2年前あたり)でも表示できるように、画像をすべてjpegで保存しています。
またdocomoのF905iでの表示が必須という縛りもあり、ページ全体の容量を100k以下にする必要がありました。
エンターテインメント性の高いサイトなので、画像がやや多くあります。
すべてのjpegの画質を50前後にして、やっと100kに収まるかどうかというページなのですが、
私が保存したjpegはあきらかに色が変わっており、複数の他社の方が保存した画像は、境目が無く背景になじんでおります。
基本的な色設定がおかしいのかと思い、質問させていただいています。
どうぞよろしくお願いいたします。
ご回答ありがとうございました。解決できました。
元のPSDデータのカラープロファイルが「iMac」になっていたため、新規ページにペーストした時に色が変わり、気付かず保存していたために起こった現象でした。
新規ページのデフォルトのカラープロファイルが「sRGB IEC61966-2.1」ですので、元のPSDも「sRGB IEC61966-2.1」にして保存し直したら、問題が解決しました!
どのような経路で「iMac」になってしまったかは不明ですが、これで色の違いの問題もなくなりましたので、お礼とご報告いたします。
ありがとうございました!
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Photoshop(フォトショップ) Photoshopの画像が重すぎるので軽くしたいです 7 2022/05/13 20:13
- Windows 10 壁紙フォルダが表示されない 1 2022/11/16 21:58
- Excel(エクセル) EXCELのグラフを画像(JPG形式)で保存、通常実行がうまく行かない。ステップインはうまく行く 3 2022/08/30 12:06
- Illustrator(イラストレーター) Illustratorでオブジェクトの色が勝手に変わって困っています。 4 2022/09/04 18:47
- フリーソフト GIMPの使い方 1 2022/07/11 13:52
- Android(アンドロイド) 画像に透かしのウォーターマークを追加する方法について 1 2023/06/09 16:43
- HTML・CSS CSSでサイトの背景に画像を組み込みたいのですが反映されません 2 2022/11/22 16:21
- その他(ソフトウェア) コマンドプロンプトについて教えてください。 状況: 画像編集ソフト上でネットから保存した画像を使うの 3 2022/05/26 11:14
- Photoshop(フォトショップ) 【至急】 ウェブサイトやアプリとかでよく見かける、添付画像のように背景にあるものをぼかしつつ透過する 2 2023/07/17 10:57
- ヤフオク! ヤフオクに出品したいのですが、タグを実行出来ません。 2 2022/09/16 12:36
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
jpgよりpdfの方が軽い?
-
Bitmapの256色と24ビットの違い
-
フォトショップで背景透明にす...
-
画像形式のGIFについて教えてく...
-
フォトショのPDF化
-
jpg→bmp変換時に、容量を取...
-
スキャナ画像をヤフオクに出品...
-
Photoshop cs で切り抜いた...
-
PSを使ったTIFFからJPEGに変換...
-
年賀状作成に当たり、jpgの素材...
-
BMPとJPEGとGIFなどの違いって...
-
フォトショップでクイック書き...
-
イラストレーターに取り込んだ...
-
【アイコンの背景色が黒塗りに...
-
イラストレーター、配置した白...
-
保存した画像の余白カットしたい
-
画像の拡大率を固定したまま次...
-
ペイントのBMPで作ったアイコン...
-
Snipping Toolのキャプチャ画面...
-
JPEG画像に直接URLを埋め込むこ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
jpgよりpdfの方が軽い?
-
Bitmapの256色と24ビットの違い
-
イラストレータの画像をJPG形式...
-
pdfを劣化させずにjpegに変換す...
-
画像形式のGIFについて教えてく...
-
イラストレータ→JPEGに→ピ...
-
jpg→bmp変換時に、容量を取...
-
JPEGの編集(文字入れなど)を...
-
複数のJPEG画像を劣化なしで連...
-
epsで保存されている画像を高画...
-
画像加工してJPEG形式で保存したい
-
イラストの保存時 GIFにすると...
-
フォトショップでクイック書き...
-
Photoshopでのスライスの書き出...
-
JPGの背景をうまく透明にできな...
-
デジカメ画像保存でのバイト変...
-
画像加工すると画像が粗くなります
-
画質をそのままでJPGで保存
-
デジカメの写真保存の繰り返し...
-
.jpg画像をなるべく劣化させず...
おすすめ情報