在网页上以灰度显示彩色图像

时间:2011-09-20 00:27:27

标签: php javascript image-manipulation

如何将网站上的图片转换为灰度?我不在乎它是PHP还是JS,但我认为PHP更好。

特别是我有一个包含图片的各种帖子的博客,我希望在索引页面上预览博客文章的缩略图图像是灰度的,而博客帖子中代表的图像保持颜色。这些缩略图共享一个名为.post-thumbnail的类,img标记位于该类的元素内。

我想要的只是 在CSS中看起来像这样的东西会有那个属性:

.post-thumbnail img { image-transform: greyscale; }

在PHP或JS中。

2 个答案:

答案 0 :(得分:1)

快速搜索StackOverflow会发现:

$im = imagecreatefrompng('dave.png');
imagefilter($im, IMG_FILTER_GRAYSCALE);
imagepng($im, 'dave.png');

请参阅Making an Image Greyscale with GD Library

答案 1 :(得分:0)

您实际上可以使用Javascript在客户端执行此操作!

http://james.padolsey.com/javascript/grayscaling-in-non-ie-browsers/