点开变图 / 双图 PNG 原理
不是视频或 APNG。一张带透明度的 PNG 在浅色时间线与深色大图背景下,会看起来像两张不同的图。
1. UI 背景差
浅色主题下常见:
- 时间线:偏白/亮色卡片背景
- 点开大图:偏黑/深色背景
半透明像素会透出背景色——白底藏一部分,黑底显一部分。
文案里的「长按」多是引导互动;真正切换来自背景色变化。
2. 公式(α 反推)
显示色 ≈ 像素色 × α + 背景 × (1 − α)。
display = pixel × α + background × (1 − α)
白底目标 W、黑底目标 B:α = clamp(1 − W + B),C = B / α。
α = clamp(1 − W + B) C = B / α
HoldReveal 从 A/B 逐像素求解 α 与颜色并导出透明 PNG。
3. 为何推荐 PNG-8
大图 RGBA 在 X 上可能被再压缩。索引色 PNG-8 往往更利于保留透明。
4. 易混玩法
- 本站:透明 + 白/黑 UI 双态
- 4K 长按 / 四宫格 Tap the Post:机制不同
5. 实用技巧
- A/B 构图对齐
- 变化区域对比足够
- 电脑网页版上传 PNG
- 注意深色主题时间线
6. 在 HoldReveal 中的步骤
- 上传 A(白底态)
- 上传 B(黑底态)
- 白/黑预览并调强度
- 下载 PNG → X 网页发帖
