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

时间:2012-02-01 20:14:06

标签: php javascript image-processing colors

我在WordPress中有徽标游行。所有这些标志都是彩色RGB。我喜欢看起来像的效果。所有徽标都是b& W然后悬停它变成颜色。

我知道如何用精灵来做,但它只是每个徽标的两倍,我有很多。我知道用PHP或JavaScript“处理它”可以动态地“生成”b& w版本。

这样做的最佳方式/代码是什么?

5 个答案:

答案 0 :(得分:2)

如果您有很多图像,我建议您不要动态生成灰度版本。最好为每个图标/徽标准备相应的黑白版本。例如,使用ImageMagick很容易做到:

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

这会将所有.png图像转换为灰度。

答案 1 :(得分:2)

我找到了完美的解决方案(运气好):https://github.com/GianlucaGuarini/jQuery.BlackAndWhite会尝试所有并告诉你一场胜利,谢谢!

答案 2 :(得分:1)

根据您要支持的浏览器,您可以do it using CSS filters。但是,目前对此的支持并不是很普遍。

答案 3 :(得分:0)

答案 4 :(得分:0)

如果你想为每张图片都这样做,你可以使用范围[0-255]来判断我们这个公式:

灰度值=(0.299 * r + 0.587 * g + 0.114 * b);

其中r,g,b表示输入图像的红色,绿色和蓝色值。