什麼是用於CSS Sprites的PNG文件的最佳顏色配置文件？

我使用的是PNG文件作爲CSS精靈，顏色配置文件，可以將PNG的顏色看起來不同在Firefox和Chrome瀏覽器（在MacBook Pro上）什麼是用於CSS Sprites的PNG文件的最佳顏色配置文件？

什麼是最好的顏色配置文件保存這Photoshop前使用文件（.psd）作爲PNG文件？（或最徹底，以及如何去除呢？）

詳情：

這是編輯 - >顏色設置在PhotoShop CS5： enter image description here

他們應該在保存前被設置爲該文件爲PNG？也（或者可以在保存時改變它？）

，真的很奇怪，在Chrome，如果我看的文件在

或

的顏色橙色看起來黑暗。

，但如果我（使用SSH隧道進入我的本地主機）查看

或

現在橙色是光明的。他們指向完全相同的文件，即使我下載它們並進行差異化，它們也是二進制平等的。任何人都知道爲什麼？

你意識到沒有這些環節的工作，因爲他們都是本地到你的機器？ – 2011-04-13 02:09:38

啊對...這些鏈接是「編造」的...（哈哈，這不是很明顯嗎？）嗯...你想看一個樣本......？但是，除非您託管服務器並使用該映像，否則很難將其設置爲localhost：3000 ... – 2011-04-13 06:03:37

更新：Photoshop CC允許您取消選中「嵌入顏色配置文件」選項以不嵌入配置文件。這是強烈建議你這樣做，除非你有一個真正的理由不這樣做。

簡短的回答是，不幸的是，你擰任何顏色配置文件。你最好的選擇是不使用，但你實際上不能使用photoshop來保存這樣的文件。本主題有數以千計的討論和意見，但刪除顏色配置文件允許瀏覽器以與HTML十六進制顏色相同的方式解釋png的顏色。

就我個人而言，我使用自定義腳本去除所有顏色數據，但TweakPNG應該允許您也這樣做。

2011-04-13 02:12:49

所以您的意思是TweakPNG可以刪除顏色配置文件，但PhotoShop無法...您知道PNGOUT，Paint。網絡，IrfranView，或GIMP，Fireworks ......這些都可以嗎？ – 2011-04-13 06:01:58

'在網絡上保存'在Photoshop中允許你取消'嵌入顏色配置文件' - 這應該做的伎倆... ... – fideldonson 2015-07-08 09:48:09

@fideldonson - 謝謝，該選項以前不存在（這個問題_is_ 4歲;）） – 2015-07-08 09:55:34

嘗試將您的色彩管理策略設置爲關閉。我不確定這是否會有所幫助，但可能會有所幫助。

2011-04-27 00:49:25 Trav

簡短的答案是你不應該使用顏色配置文件，並確保「轉換爲sRGB」被關閉。

關於爲什麼和如何做到這一點

2011-04-27 01:14:27

這是一個棘手的問題，因爲對彩色型材的支撐位瀏覽器之間變化的更好的解釋請參見this article。

使用sRGB gamma 2.2是個不錯的開始。

如果您需要CSS顏色來匹配PNG顏色，那麼您必須從PNG中移除顏色配置文件和伽瑪信息，因爲大多數瀏覽器不會對CSS顏色進行顏色管理（或者如果他們這麼做，他們會處理它們與未標記的PNG相同）。

2012-03-19 10:12:56 Kornel

回答