Q

背景圖像顏色變化火狐/鉻

2011-09-26 90 views 5 likes

5

從Chrome上測試網站時，我有一個很奇怪的。背景圖像顏色變化火狐/鉻

CSS完全一樣，但顯示不同。在同一個顯示器上進行測試。

火狐

Firefox

鉻

enter image description here

您可以從Chrome打印屏幕的背景圖像我使用了刀/叉，它的這種背景顏色看看圖像的變化。

2011-09-26 John Magnolia

+1

我的Firefox正在像Chrome瀏覽器屏幕截圖一樣顯示它 - 背景顏色已更改。 __EDIT：__在將兩者複製到photoshop中時，其顯示方式類似。 __EDIT 2：__有趣的..它只是直接從Firefox複製後。如果我下載圖像，然後複製它，它具有相同的背景顏色... – Nightfirecat

A

回答

11

http://www.cater-shawrecruitment.co.uk/webapp/templates/default/images/bgpage.jpg的背景圖像具有嵌入的顏色配置文件，不同的瀏覽器將會有不同的解釋。您需要重新呈現沒有嵌入顏色配置文件的圖像。

這可能是由於使用photoshop簡單地'保存'JPG而不是'保存爲網頁'。

2011-09-26 09:58:59 graphicdivine

1

很有可能，您的圖片應用了顏色配置文件，因此在Chrome和Firefox中渲染方式不同，只有這兩者中的前者纔會真正尊重它。讀客Chris Coiyer's article on web color profiles，您可以通過如下解決這個問題：

如果「另存爲...」從文件菜單中，你將有機會沿着保存顏色配置文件與圖像。如果您「另存網站&設備......」「sRGB」（最適合網頁）顏色配置文件將自動應用（無論如何在CS3中）。

2011-09-26 09:59:20 Nightfirecat

0

這是關於colorprofiles的事情。

這可能幫助 - Image color differences in different browsers. (Firefox, Chrome, IE)

這

http://code.google.com/p/chromium/issues/detail?id=143

檢查colorprofiles在Photoshop（CMD + Shift + K），並嘗試重新創建圖像。應該管用。

2011-09-26 10:07:10

0

如果您將圖片更改爲PNG，它將會是相同的顏色。原因在於@Nightfirecat的鏈接和@graphicdivine的答案。

2011-09-26 10:07:12 petermolnar

相關問題