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

Question

如何将网站上的图像转换为灰度图像？我不在乎是 PHP 还是 JS，但我认为 PHP 更好。

特别是，我有一个博客，其中包含包含图像的各种帖子，并且我希望索引页面上预览博客帖子的缩略图为灰度图像，而博客帖子中表示的图像保持彩色。这些缩略图共享一个名为 .post-thumbnail 的类，其中 img 标签位于具有该类的元素内。

我想要的只是在 CSS 中看起来像这样的属性：

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

在 PHP 或 JS 中。

Answer 1

在 StackOverflow 上快速搜索发现：

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

请参阅使用 GD 库制作图像灰度