• ベストアンサー

Web用に保存すると色が変わるのはなぜ？

背景画像にするために幅1px×高さ10pxの画像をイラストレーター9.0で作っています。色を#9e9787にしたいのですが「Web用に保存」すると#cfcbc3に勝手に変換されます。他の少し大きめの素材だと、色は変更されません。そのままの色（#9e9787）で保存する様にするためにはどうすればいいのでしょうか。。宜しくお願いします。

質問者が選んだベストアンサー

  • ベストアンサー
  • jps91
  • ベストアンサー率57% (11/19)
回答No.1

少し大きめに保存して色が変わらないのなら、その状態で保存してから幅1px×高さ10pxにフォトショップなどでトリミングすればいいのでは？

maimainet
質問者

お礼

回答ありがとうございます！なるほど、そんな方法があったんですね。試してみます！

その他の回答 (1)

  • SortaNerd
  • ベストアンサー率43% (1185/2748)
回答No.2

ファイル形式は何ですか?

maimainet
質問者

補足

ファイル形式はGIFです。昨日気付いたのですが、大きいパーツを保存した時も色が変わってしまいます。 例えば ＃FF9900→＃F7980E 二つの色はアップロードすると同じ色に見えるので特に問題ないのですが・・どういう仕組みなのでしょうか。 色に関する勉強が足らないのだと思いますが、これから勉強していきたいので教えてください。

  1. カテゴリ
  2. パソコン・スマートフォン
  3. ソフトウェア
  4. 画像・動画・音楽編集

関連するQ&A

  • Illustratorで「Web用に保存」をすると色がずれる

    CSを利用しています。 ホームページ素材を作成中なのですが、CGI内の素材を変更するためなので、pngで保存する必要があります。 「Web用に保存」を選択し、以下のように設定しました。 左上より PNG-8 特定 ディザなし 透明部分チェック 透明ディザ カラー128 webスナップ0% (未記入はチェックなしまたは入力無しです) この状態で、色数17色のボタンを保存しようとすると、#999999が#989898になってしまいます。 バックを#999999にしているので、薄く段差が見えてしまいます。 書類はもちろんRGBカラーで作成です。 他にどこをチェックし、どこを修正したら良いですか?

    • ベストアンサー
    • CSS
  • IllustratorのWEB用保存の容量について

    はじめて質問いたします。 Illustratorでweb用保存をし、容量が20KB以内になるよう保存をしているのですが、実際の画像データは30KBほどにしかなりません。 （jpg/240px×320px） 実際の画像データを20kb以内にするためには、IllustratorのWEB用保存上で5kbくらいまで下げないとできず、どうしても画像が粗くなります。 Illustratorの画像データをさらにPhotoshopでWEB用保存など色々試行錯誤しているのですが、やはり実際の画像データのサイズは大きくなってしまいます。どなかた分かりますでしょうか？

  • web用保存すると色の濃さが変わる

    MacOStigerでフォトショップ7.0.1を使っています。 RGBにしろCMYKの画像にしろ、web用に保存をすると 元の画像よりも色が濃く保存されてしまいます。 しかたないので、保存する前に「明るさ・コントラスト」で 全体的に色を明るくして調整してから、web用保存しています。 そうすると何もしないよりは元の色と同じになるので こういうやり方をいつもしています。 上記の方法でなくて、普通にweb保存した時に 元の画像と同じ色で保存したいのですが、無理でしょうか？ どなたかアドバイスをお願い致します。。。

  • ウェブ素材の制作で、正しい色で書き出されない。

    MacOS 10.4.3 Tiger / Apple Cinema Display Illustrator CS / Photoshop CS / Dreamweaver イラストレーターで制作した、ウェブ素材をコピーして、フォトショップ上で新規書類を開いて、ペーストしたモノをWeb用保存すると、すごくどす黒い色になって書き出されてしまいます。 （例えば、イラストレーターやフォトショップ上では鮮やかなオレンジなのに、Web用保存したときだけ、どす黒くなる） ロゴなどのイラストレーターデータを、画像データとして使用したいのですが、色が変換されてしまうので、困っています。 また、フォトショップにコピペせず、イラストレーター上で完了してしまえば、色の問題はほとんどないのですが、PSにコピペするより、少しぼやけたカンジになるので、イラレ→PSという流れで制作しています。 両ソフト間では、同じカラー設定です。 RGB:AdobeRGB(1998) / CMYK:Japan Color 2001 Coated やはりイラレ→PSという流れは、良くないのでしょうか？ 現在はイラレにWeb用保存がありますが、ver.8の時代はどのようにされていたのでしょうか？ 私自身は、紙媒体を主に仕事しているのですが、ウェブ制作の現場の方の意見をお伺いしたいと思います。 よろしくお願いいたします。

  • Illustratorでweb用に保存しようとする

    Illustratorでweb用に保存しようとすると必ずフリーズしてしまいます。 環境設定フォルダの再作成も試しましたが、ショートカットキーの設定などをするとまたweb用に保存ができずフリーズします。(別名に保存などは大丈夫です) 画像サイズは300pxほどなので画像自体が重いということはないと思います。 解決策が分かる方よろしくお願いします…！

    • 締切済み
    • Mac
  • イラストレータ8でWEB用に保存する方法

    アドビイラストレーター8.0で作成した画像を、WEB用に保存したいのですが「WEB用に保存する」がないので、GIFで保存しようと試みました（背景を透明にしたい為）。 GIFで保存する方法がひとつしかなかったのですが、 （これです→）「書き出し」→「GIF」にするとWEB上にUPした時に画質が落ちてガビガビになってしまいます。 独学で、色々調べてもやり方が分かりません。 背景を透明にするWEB用の保存方法を教えていただきたいです。

  • イラストレーターで文字画像(背景透明)をキレイにweb用書き出ししたい

    イラストレーターで文字画像(背景透明)をキレイにweb用書き出ししたいのですが。 イラストレーター10.0 OS　WindowsXP イラストレーターでテキストを入力し、 それを背景透明でweb用にgif画像で書き出ししました。 サイズは横177px,縦70pxです。 その中に文字を3行。1行目はフォントサイズ24くらい。 2,3行目はその細くなのでフォントサイズ10くらいです。 作っている画面では拡大してももちろんきれいなのですが、 そのきれいに見えているまま、書き出せないものでしょうか？ プレビューされる画像はギザギザで文字もほぼつぶれてしまっています。 これをキレイにつぶれないように書き出すにはどうしたらいいでしょうか？ やってみたこと アンチエイリアスにはチェックがついています。 アウトラインってのもよくわかりませんが、しました。 最終的にやりたいことは、 HPで背景を塗りつぶした表があり、その1行目のタイトル部分は画像にしたいです。 文字の色は白、背景を透過させて書き出したいと思います。 背景に色を付けてjpegというのは今回はやらずにいたいと思います。 質問するのに説明不足でしたらすいません。 あまり知識がないので、必要な情報があったら聞いてください。 よろしくお願いします。

  • photoshop7「web用に保存」で色が変わる

    いつからか気になり出したのですが（以前は問題ありませんでした）、photoshop7で作成した画像をweb用に保存するとき、作成時の色より薄くなってしまいます。 jpg保存の場合は劣化などもありますので当たり前と思っていましたが、RGBで作成したものをgif形式で保存する場合もなのです。 「web用に保存」を選ぶと、元画像と最適化画像を計最大４つまで同時に表示出来ますが、「最適化」されていないはずの「元画像」の色まで薄くなっています。 実際、そのまま保存をすると、「web用に～」のプレビューと同じ、作成時より薄い色で保存されてしまいます。 何が原因でしょうか？ また解決方法はありますでしょうか？

  • IllustratorでのWEB用保存がうまくいきません

    Illustrator10.0(9.0でも）でホームページに使用する画像を作っています。（写真も含みます） 画像全体をWEB用で保存して、その画像をホームページビルダーで 取り込もうと思っており「WEB用に保存」で保存をかけました。 写真もあるので、形式は「PNG-24」にしました。 背景は透過されて保存されているハズなのですが（透明部分にチェックは入れてあります） 実際にホームページビルダーで画像を挿入すると、透過されている ハズの背景が透過されず薄いグレーのような背景になってしまいます。 「PNG-8」にすればきちんと透過され、ホームページビルダーでの 背景（壁紙）がきちんと見えます。 ただ、PNG-8にしてしまうと画像全体が荒く写真などザラザラです。 PNG-24で保存した画像をホームページビルダーで透過させて表示 させるにはどのようにしたら良いでしょうか？ HPには背景を使いたいです。

  • 見えている画像を保存したい

    PhotoShopで作業しています。 幅500px 高さ500px のカンバスです。 10個のパーツ(画像)がカンバス上にあります。 幅151px 高さ34px の画像の上に２つのパーツを載せています。 残りの７つのパーツは非表示にしてあります。 ですのでカンバス上には、幅151px 高さ34px の画像が１つあるだけに見えます。 「Web用に保存」しようとします。 左の元の画像、右の保存用の画像、両方とも幅151px 高さ34px の画像が１つあるだけに見えます。 実際に保存すると幅500px 高さ500px で保存されてしまいます。 幅151px 高さ34px で保存したいのです。 良い方法はないものでしょうか？。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する