画像とHTMLの色の違い
-
03-07-2019 - |
質問
同じhtmlページの画像の色とCSSの背景色を一致させる問題があります。何が得られますか?
解決
PNG画像を使用していると思いますか?これはガンマ補正“機能”です。 Mark Ransomが有用なテキストを投稿しましたこれ。
pngcrush
ソリューションがどこかにリストされていることに注意してください。
他のヒント
使用している画像編集プログラムは何ですか? Photoshopカラープロファイルに関するこの記事を見つけました。 PNGガンマ補正にも問題がある可能性があります。
ブラウザの色管理が原因である可能性があります。
カラープロファイルの問題である可能性があります。
たとえば、画像がJPEGであり、カラープロファイルがあり、ブラウザが指定したカラープロファイルでの画像の表示をサポートしていない場合、画像自体の色はブラウザで異なってレンダリングされます。この場合、Photoshop(カラープロファイル対応)で画像の色を確認し、その色をCSSに適用し、カラープロファイル対応でないブラウザでページを表示すると、外観が異なります。
3つの可能性が思い浮かびます:
- モニタの色深度が16ビットではなく32ビットまたは24ビットに設定されていることを確認します
- 画像にパレット(Webセーフパレットなど)が割り当てられていないことを確認します。これは、.gifまたは8ビットの.png画像の場合です。
- IEでの.pngガンマ補正の問題を確認-詳細については他の投稿を参照
私が遠い過去に使用した回避策は、HTMLで設定するのではなく、小さな画像を繰り返して背景色を設定することです。この種のトリックは、Webセーフパレットなどの時代には有用でしたが、現在ではあまり有用ではありません。
おそらくあなたがテストしているブラウザ、私は6で多くの問題を抱えています。
所属していません StackOverflow