Unredacter

展示了为什么你绝绝对对不应该将像素化（马赛克）用作打码技术。更完整的原理说明，请查看我的博客文章。

如何试用

安装依赖：

npm install

然后运行：

npm start

就这些。

如何破解你自己的像素化图片

这个过程有点手动，而且完全谈不上流畅。我想你看了下面就会明白原因。如果有人想尝试把这个过程集成到应用里，我洗耳恭听。我看起来像是搞 Electron 开发的人吗？不过好吧，步骤如下：

1. 将图片裁剪到只剩像素化区域。不要有边框，不要有其他文字。用裁剪后的图片替换 secret.png。我建议在 GiMP 中操作。

2. 记下块大小（也就是每个像素化块的大小）。用该值替换代码中的 blockSize。

3. 把 CSS 调得刚刚好。这是最难、最耗时的一步。试着把它输入到 test.html 中，然后在 Chrome 里查看。不断调整，直到你能尽可能精确地复现一些示例文本。要特别注意单词和字母间距。如果出现偏移，后面就全乱了。另外还要注意字体粗细（font-weight），否则结果会太淡或太黑。我再怎么强调这一步的重要性也不为过，因为整个过程真的取决于能否正确复现被打码的字符。

4. 确定你要尝试的字符集。它位于 preload.ts 的顶部。

5. 按下 Go 按钮，看看是否有效！