做了一个 Tap & Hold 图片生成器：用一张透明 PNG 实现 X 上的长按显图效果

最近在 X 上看到一些图片：时间线里看起来很淡、很暗，点开或长按查看后，完整画面才会显现出来。

一开始我以为这是两帧动画，研究后才发现，大多数情况下它其实只有一张透明 PNG 。X 会在白色时间线和深色图片查看器中以不同背景显示这张图片，于是产生了类似“长按后显图”的效果。

所以我做了一个在线生成工具：

[https://tapandholdmaker.com/](https://tapandholdmaker.com/)

使用方法很简单：

1. 上传一张图片
2. 对比白色时间线和黑色查看器中的预览效果
3. 下载生成的透明 PNG
4. 将这张 PNG 发布到 X

整个处理过程都在浏览器本地完成，原图不会上传到服务器，不需要注册，也没有第二帧动画。

另外还做了一个独立的 Kakushie Maker：

[https://tapandholdmaker.com/kakushie-maker/](https://tapandholdmaker.com/kakushie-maker/)

这个模式可以用画笔选择需要隐藏或保留的区域，适合制作局部遮挡、长按后显示完整内容的图片。

目前还有一些客观限制：

- 最终效果依赖 X 客户端对透明 PNG 的显示方式
- iOS、Android、网页版之间可能存在差异
- 如果 X 后续调整图片处理逻辑，效果也可能变化
- 并不是所有原图都适合，明暗关系和背景颜色会影响结果

欢迎大家试用和拍砖，尤其想了解：

- 在不同 X 客户端上的实际效果
- 哪些图片生成后效果不好
- 操作流程里有没有容易误解的地方
- 还希望增加哪些参数或导出选项

---

原文链接：[点击查看](https://www.v2ex.com/t/1230771)