• 締切済み

画像の背景色とHTMLファイルの背景色

私がWebページを制作している環境は下記のようになっています。 OSはWindowsXP。 モニターは液晶モニター。 DreamWeaver3でWebページを制作。 FlashMX、FireworksMXを使って、ムービーコンテンツ、画像を作成。 Fireworksで制作した画像をPhotoshop7でJPG形式に変換。(最高画質・低圧縮率で変換) 【ここからが質問です】 DreamWeaverで設定したHTMLファイルの背景色&Flashコンテンツの背景色と PhotoshopでJPGに変換した画像の背景色を 同じカラーコードにしても、 ウィンドウズのプロパティで画面の色を16ビットにすると Webブラウザ上で違った色に見えてしまいます。 (32ビットだと大丈夫) Fierworksで制作したPNG形式の画像をUPすると 色の違いが無くなるのですが JPG形式に変換した画像だとダメです。 このブラウザ上での色の見え方の違いを解決することは出来ないのでしょうか? 仕方のないことなのでしょうか? お分かりになる方、教えてくださると助かります。 よろしくお願いします。

みんなの回答

  • HUTABA
  • ベストアンサー率27% (436/1611)
回答No.1

Webセーフカラーを使用してはどうですか? 参考URLに、ディスプレイが256色モードの時に表示できる色が一覧になっていますよ。

参考URL:
http://tohoho.wakusei.ne.jp/wwwcolor.htm

関連するQ&A

  • WEBセーフカラー以外の色を使う際の注意点

    大変初歩的な質問なのですが、 例えば赤い背景の上に画像を置きたい、 その画像はフチがぼけている(要するに背景に溶け込むような)場合、 画像のフチと背景色が同一であればいいと思うのですが、 WEBセーフカラー以外の色を使う際、 「#901414」などの6進数で指定すれば問題ないのでしょうか? 以前何かで、画像と背景の色を合わせるには WEBセーフカラー以外の色を使わない事、とあったのですが 6進数で合わせてもだめでしょうか? 自分で試しに作って、自分のモニタで見た所、問題なかったのですが これはモニタによってはずれて見えたりずるのでしょうか? 画像制作にはPhotoshop、HP制作にはDREAMWEAVERを使用しています。 ご教授頂けると助かります。

    • ベストアンサー
    • CSS
  • 背景が透明な画像をwebサイトに貼り付けたい

    Photoshopでpng形式、gif形式どちらでも背景を透明にしたのですが、いざ制作中のwebサイトに貼り付けると、不要な背景部分がグレーとなって表示されてしまいます。wordpressでサイトを構築中です。 どなたか、考えられそうな原因をご存知の方がいらっしゃいましたらどうかよろしくお願いいたします。

    • 締切済み
    • CSS
  • Illustratorで背景が透明のビットマップ画像を貼り付けるには

    Illustrator10とPhotoShop7を使っていますが、Photoshopで作成した背景が透明の画像を、Illustratorに貼り付けると、背景が白になってしまいます。オブジェクトとの透かした重なりが出来ません。 これはどのようにすればよいのでしょうか? GIF形式で保存したからコピペ、<ファイル>→<配置>をしても、同じに背景が白になってしまいます。 また、Wordのように貼り付けた画像の一部の色を透明にする方法はあるのでしょうか? よろしくお願いします。

  • HTML作成中:背景の画像をブラウザいっぱいに表示させる方法

    FrontPage2000を使ってHPを作っています。背景画像が、ブラウザの横幅の7割くらいしかないため、ブラウザの右端が背景画像の左端で埋められているのです。 つまり、2枚の同一画像が横並びになっていて、1枚目と、2枚目の途中までが表示されているのです。ブラウザの左端に、たとえば「お気に入り」を表示すれば、ぴったりと1枚の画像になります。 1枚の画像を、モニタやブラウザに合わせて拡大して表示してくれるようにするにはどうすれば良いでしょうか? ちなみに、背景画像の設定は以下のとおりです。 <body bgcolor="#FFFFFF" text="#000000" style="background-image:url('bear.jpg');background-attachment:fixed;" >

  • あるjpgファイル(デジカメ画像)を切り取って、背景を透明にする方法ご

    あるjpgファイル(デジカメ画像)を切り取って、背景を透明にする方法ご存じないでしょうか?Photoshopなどでやってみましたが、結局JPGにすると背景が白くなってしまい、使えません、困っています、稚拙な質問で申し訳ないですが、どなたかご教示お願いいたします。

  • 背景の透明化教えて下さい *画像の上に画像

    WEBを作る際に画像の背景をGIFで背景を透明化を選択して保存すると、周りがギザギザになってしまいます。 マットで処理できればいいんですが、その画像の下にHTMLで画像での背景があるため、Backgroundの色が指定ができないんです。 画像自体にページ背景を合わせて保存すればと思ったんですが、HTMLページ全体の背景(リピート)になってるので、画面のサイズを変えるとその背景も移動するため、画像に背景をつけて保存してもどうしようもない状態です。 なんか背景背景ばっかでこんがらがりますよね汗 要は画像1(ページ背景)の上に画像2(ロゴ)の背景を透明化させたものをWEBで表示したいんです。 PhotoShopでもFireworksでも大丈夫です。 どうかご指導よろしくお願いします。

  • HTMLファイルを、画像に変換

    こんにちは。どうぞ宜しくお願い致します。 Mac OS X 10.5.7を使用しています。 数百個のHTMLファイルの、テーブルのみを画像に変換しようと しています。Dreamweaverの検索置換機能を使い、テーブルのみ を抜き出したファイルは、なんとか自動で作成されました。 次に、作成されたHTMLファイルを画像に変換したいのですが、 Win用の方法は見つかるものの、Macで行う方法が分かりません。 手作業で、DreamweaverからPDF変換、そしてPDFから画像に変換、 という方法は思いつくのですが、考えただけで気が遠くなりそうです。 一括で、HTMLファイルを画像ファイル(png,jpgなど)に変換する方法 をご存知の方、いらっしゃいましたら、是非教えて下さい。

    • 締切済み
    • Mac
  • 印刷しかしない場合の画像保存形式は?

    デジタルカメラの画像を編集して別名保存する場合、今まではあまり考えずに利便性の点でJPGで保存していました。 webやメールなどに使う予定が全く無い場合、自宅での印刷しかしない場合、psd形式で保存したほうがいいのでしょうか? JPGの低圧縮率にした場合との印刷のきれいさ(A4程度)に違いはありますか? psd形式で保存すると、将来photoshopを使わなくなった場合に読めなくて困りますかね? Photoshop elements を Macで使用しています。

  • JPGの背景をうまく透明にできないくて困っています。

    あまりに基本的なことで本当に恥ずかしい質問ですが。 Photoshopでjpg.の背景を透明にしてVectorworksに貼り付けたいのですが、うまくいかなくて困っています。 普段は、 jpg.の背景を「背景消しゴムツール」で消す→別名保存でGIF.形式に変えて保存する→Vectorに貼る、 という方法でうまくいっていると思うのです。 ただこの方法でやっても背景が「白」のまま画像に くっついてきてしまうことがあります。 おそらくPhotoshopの段階できちんと背景が消せていないせいだとは思うのですが、理由がよくわかりません。 (実はPhotoshopの使い方をよく理解してないのですが) ご存知の方がいらしたら、ぜひお知恵をお借りしたくお願いします。

  • jpg画像の背景を透明にしたい

    自作DVDレーベル画像に、フリーソフトのDeepBurnerを使って、ロゴ(gif形式)を付けたいのですが、DeepBurnerではgif形式が使えず、jpgで貼り付けますと、ロゴの背景が四角く白く出てしまいます。 jpg形式で背景を透明化できないものかとフォトショップでいろいろ試してみましたが、できませんでした。 レーベル画像に、背景なしの、文字だけのロゴを付けたいのですが、どうすれば良いでしょうか?説明不足でしたらすみません!