点开变图 / 双图 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 中的步骤

  1. 上传 A(白底态)
  2. 上传 B(黑底态)
  3. 白/黑预览并调强度
  4. 下载 PNG → X 网页发帖