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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 1683 天前的主题，其中的信息可能已经有所发展或是发生改变。

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

灰白色

头像

灰白

链接

25 条回复 • 2020-04-04 22:00:09 +08:00

yeshang

2020-04-04 10:16:04 +08:00

网站加一段 css 就可以了.

yeshang

2020-04-04 10:16:21 +08:00

我错了

TheZihanGu

2020-04-04 10:21:36 +08:00

@yeshang 转换图片的...

580a388da131

2020-04-04 10:34:14 +08:00

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

coolcoffee

2020-04-04 10:36:09 +08:00

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

oumiga233

2020-04-04 10:44:24 +08:00 via Android

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

coolcoffee

2020-04-04 10:49:23 +08:00

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

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

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

redbuck

2020-04-04 11:03:48 +08:00

楼上+1.

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

Zhengqing

2020-04-04 11:44:06 +08:00 via iPhone

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

xiaomingVTEX

2020-04-04 12:05:37 +08:00

加个还原功能

metrxqin

2020-04-04 12:48:36 +08:00

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

老哥，你在说我吗？（逃

iwanttofly

2020-04-04 13:03:37 +08:00

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

nnz

2020-04-04 13:04:47 +08:00

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

xiaokiku

2020-04-04 13:08:42 +08:00 via iPhone

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

mcone

2020-04-04 13:11:54 +08:00

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

Elephant696

2020-04-04 13:15:12 +08:00

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

isukkaw

2020-04-04 13:26:07 +08:00 via Android

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

izoabr

2020-04-04 13:43:10 +08:00

直接二值化就好了吧

yanfany

2020-04-04 13:54:38 +08:00

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

Livid

MOD

2020-04-04 14:02:02 +08:00 via iPhone

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

TheZihanGu

2020-04-04 16:58:12 +08:00

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

TheZihanGu

2020-04-04 17:00:05 +08:00

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

coolcoffee

2020-04-04 20:50:06 +08:00

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

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

pytth

2020-04-04 21:40:33 +08:00

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

TheZihanGu

2020-04-04 22:00:09 +08:00

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