我在WordPress中有徽标游行。所有这些标志都是彩色RGB。我喜欢看起来像的效果。所有徽标都是b& W然后悬停它变成颜色。
我知道如何用精灵来做,但它只是每个徽标的两倍,我有很多。我知道用PHP或JavaScript“处理它”可以动态地“生成”b& w版本。
这样做的最佳方式/代码是什么?
答案 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)
而wordpress技术看起来很酷:http://bavotasan.com/2011/create-black-white-thumbnail-wordpress/
答案 4 :(得分:0)
如果你想为每张图片都这样做,你可以使用范围[0-255]来判断我们这个公式:
灰度值=(0.299 * r + 0.587 * g + 0.114 * b);
其中r,g,b表示输入图像的红色,绿色和蓝色值。