如何自動生成圖片的黑白版本

我在WordPress中有徽標遊行。所有這些標誌都是彩色RGB。我喜歡看起來像的效果。所有的標誌是b & W，然後在懸停它變成了顏色。如何自動生成圖片的黑白版本

我知道如何用精靈來做它，但它只是每個標誌的兩倍，而且我有很多。我知道可以使用php或JavaScript「處理它」來動態地「生成」w版本。

什麼將是最好的方式/代碼來做到這一點？

2012-02-01 menardmam

js對它並不是很好。檢查這個問題http://stackoverflow.com/q/562135/1164491 – Cheery 2012-02-01 20:16:35

我不會擔心加倍的徽標數量。灰度圖片可能壓縮到沒有。 – millimoose 2012-02-01 20:29:59

2012-02-01 20:28:59 menardmam

根據您想要支持的瀏覽器，您可以使用do it using CSS filters。然而，目前對此的支持還不是很普遍。

2012-02-01 20:24:55 Sirko

如果你有很多圖片，我不建議你在飛行中生成灰度版本。最好爲每個圖標/徽標準備相應的黑白版本。這很容易例如通過ImageMagick的做：

$ mogrify -channel RGBA -matte -colorspace gray *.png

這將CONVER所有.png圖像灰度。

2012-02-01 20:25:36 dfsq

我發現完美的解決方案（運氣好）：https://github.com/GianlucaGuarini/jQuery.BlackAndWhite將嘗試所有並告訴你至少一個勝利，謝謝！

2012-02-01 20:27:58 menardmam

如果你想要做的每一個形象，你甘蔗我們這個公式，使用範圍[0-255]：

灰度值=（0.299 * r + 0.587 * g + 0.114 * b）;

其中r，g，b代表輸入圖像的紅色，綠色和藍色值。

2012-02-01 21:40:43

回答