制作适用于 X 的揭晓图片。

在浏览器中制作 Tap and Hold 长按揭晓图、隐藏图片和透明 PNG 效果,让同一张图在信息流与大图中呈现不同内容。

按住图片查看变化,也可以点击切换。

制作 X 揭晓 PNG

上传原图,涂出信息流保留区域,然后下载适用于 Tap and Hold 的 PNG。

koi-source.webp

正在生成预览

图片只在当前浏览器标签页本地处理。

把衣物、文字或希望在信息流中保留的细节涂成蓝色。

正在生成预览

真实的揭晓方式

每个案例都从一张原图出发,使用与上方工具完全相同的蒙版和透明编码流程生成。

保留墨线,揭晓水纹

插画

信息流保留锦鲤的深色结构,打开图片后再显示浅色水纹和纸张质感。

从产品到设计过程

过程

先保留完整自行车,再在打开图片后揭晓结构弧线和零件研究。

从严肃早餐到深海

Meme

信息流里的猫负责铺垫,飞鱼和茶杯潜艇在打开图片后交付笑点。

从房间到星海

隐藏细节

安静的阅读角在打开图片后变成夜间海洋,并出现鲸鱼星座与纸船。

别在发布前破坏透明效果

这种效果依赖 PNG 透明通道和 X 的图片处理流程,因此发布方式很重要。

绘制信息流提示

在蒙版编辑器中把衣物、文字或提示涂成蓝色,未涂区域会等到打开后揭晓。

检查两种背景

信息流模拟浅色时间线,长按状态则把同一张透明 PNG 放到深色大图背景上。

发布原始 PNG

下载后通过桌面端 x.com 直接上传,不要截图、编辑或重新保存文件。

发布前需要知道

X 可能调整图片处理流程,因此预览是基于当前机制的模拟,不是永久兼容承诺。