如何自动生成图片的黑白版本

我在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

回答