为了方便生成灰白头像，我写了一个转换网页...

[TheZihanGu]

各位大佬早上好...
因为显而易见的原因，很多人都换上了灰白色的头像表示哀悼。
为了方便那些想更换为灰白色头像但又没有 PhotoShop 等工具的人，我在昨晚花了写出了一个接口和网页。
使用方法也很简单，只需要上传图片，再访问给出的链接，保存即可。
链接：mourn.zihangu.com
由于写的比较着急，可能会有很多问题。如果你恰巧碰到了，请在评论中进行反馈。
愿逝者安息，愿生者奋发，愿祖国昌盛。
（然后发现 V2EX 昨晚就有人写好发帖了...
实现原理：NodeJS 做后端，接收 POST 请求处理存放在目录下并返回链接。接收到 GET 请求通过 gm 模块对图像进行灰白处理，然后发送给浏览器。

[yeshang]

网站 加一段 css 就可以了.

[yeshang]

我错了

[TheZihanGu]

@yeshang 转换图片的...

[580a388da131]

我很好奇你们为什么不浏览器处理，服务器多费流量，速度还慢。

[coolcoffee]

css 的 filter: grayscale(1) 好像就可以变黑白

[oumiga233]

其實手機相冊的編輯功能裡面有，把飽和度降到最低就行了

[coolcoffee]

我把自己想象成网站管理员了，忽略上面回复。

浏览器 canvas 就可以直接实现图片变色，简单点的话应该就是读取全部像素点转换一下。复杂一点的可以用 webgl 滤镜。

网上随便找了个 demo，https://jsfiddle.net/yckart/h00Lp4x8/。

[redbuck]

楼上+1.

canvas 直接本地转。
还可以用 css 变色之后套 svg 里输出成图片

[Zhengqing]

直接相册加个黑白滤镜就好啊😂

[xiaomingVTEX]

加个还原功能

[metrxqin]

>>> 然后发现 V2EX 昨晚就有人写好发帖了

老哥，你在说我吗？ （逃

[iwanttofly]

... 其实在手机相册里面加个滤镜更快吧

[nnz]

博客已置为黑白色 https://bytebye.com/

[xiaokiku]

显示设备调成灰度不好吗？默哀是自己的

[mcone]

@Livid 楼上的 @nnz 近期几乎所有回帖都是自己的博客链接，这也太过分了……

[Elephant696]

到底是为了缅怀呢还是为了跟风啊。把自己的头像变成黑白是什么操作。。。真服了。

[isukkaw]

@mcone #15 要不你把他博客 D 死了他就不发了

[izoabr]

直接二值化就好了吧

[yanfany]

在一个帖子刚回，结果又看见 16# 。。。再重复一遍：16#，你要怎么区分缅怀还是跟风呢，你可以指着任何一个用灰头像的人说他是跟风，因为灰头像是一个群体行为，都能说是“跟风”。虽然我认为缅怀有很多种方式，不是一定要用灰头像，心中默哀也可以，我也没换头像，但是我不会认为今天一些换了头像的人，他们是在跟风而不是表达哀悼，这是人性中的善。另外，头像是自己照片的当然不适合变灰，但是很多人的头像是卡通或者风景，会灰了又不犯忌讳，怎么就服了？

[Livid]

@mcone 谢谢。已经处理那个 spam 账号。

[TheZihanGu]

@metrxqin hhh 对，因为我早上准备发新主题的时候就看到你的了

[TheZihanGu]

@coolcoffee 您给的这 demo 已经 404 了啊...参考不了了😂

[coolcoffee]

@TheZihanGu 刚刚的那个链接把逗号也识别进去了。


https://jsfiddle.net/yckart/h00Lp4x8/

[pytth]

一段 css 的事： https://segmentfault.com/a/1190000022265793

[TheZihanGu]

@pytth 我这个是头像转灰白，而不是网页转黑白，请不要误解。