/MagicPureGrayOutput

在线将图片转换为纯净的“灰色”(【图片叠加、图中藏图】营造预览一张图,大图另一张图的效果)

Primary LanguageJavaScriptMIT LicenseMIT

MagicPureGrayOutput

预览

效果预览 图片合成

原理

简单的黑白叠加

  • 将一个黑色的字母“T”放置在白色纸张上方,可以看到这个字母,放置在黑色纸张上方,则必然无法看到这个字母,白色字母“T”相反。
  • 仔细观察QQ、微信此类软件,会发现当我们发送一张图片时,小图时为白底,点开查看大图时为黑底。
  • 假设我们发送了一个黑色的字母“T”,则小图时可以看到,大图时无法看到。
  • 假设我们发送一个黑色字母“T”和白色字母“A”叠加的图片,略微调低“A”的透明的,会发现小图时看到的是“T”,大图时看到的是“A”。
  • 至此,我们已经可以实现一个简单的叠加图,但是它是黑白纯色的,这远远不能满足复杂图像的要求。

纯净的“灰色”

  • 查看上方示例可以发现,叠加图片中不仅仅是黑色和白色,还有“灰色”。
  • 灰色RGB值都相等,值越大,越接近白色,但是它其实既不是黑色,也不是白色,不管将它放在黑底还是白底纸张上面,都可以看到真切的灰色。
  • 在白色纸上直接放置普通的灰色显然在黑色纸上无法“隐藏”。RGB为0,0,0的像素为纯黑色,我们可以通过控制其透明度达到展示灰色的目的:透明度越高灰色越深,透明度越低灰色越浅,使用黑白灰就可以完整展示一副图像所有细节
  • 总结:将灰色转换为“纯净的灰色”即可达到上述效果,将灰色RGB值与255的比值,转换为对应的透明度即可。

使用方法

  • 点击“选择图片”,选取白色背景可见,黑色背景不可见的图片
  • 点击右上角“黑”,选取白色背景不可见,黑色背景可见的图片
  • 点击合成
  • 若您使用的是电脑,点击底部下载按钮下载合成后的图片,若您使用的是手机,长按图片保存至相册。