なぜ絵が変わるの?

動画ではありません。1枚の「すけてるPNG」を、Xの「開く前」と「開いた後」で違う背景に載せているだけです。

1. 何が起きているか(UI背景差)

多くのライトテーマでは、だいたい次のように見えます。

  • タイムライン(TL):カード/背景が明るい(近い白)
  • 画像拡大・lightbox:背景が暗い(近い黒)

同じ透過PNGを載せると、透明に近い画素は背景色が透けます。白の上では隠したい線が溶け、黒の上では見せたい線が浮く——これが「長押し/タップで変わった」ように感じる正体です。

投稿文の「長押し」はスマホで画像を拡大する動作への誘導コピーであることが多く、必須のジェスチャー仕様ではありません。

2. 数式(α合成の逆算)

画面上の色は、次の標準的な合成で決まります(0〜1、背景は不透明と仮定)。

display = pixel × α + background × (1 − α)

白背景で見せたい色を W、黒背景で見せたい色を B とすると α = clamp(1 − W + B)、C = B / α です。

α = clamp(1 − W + B)
C = B / α

HoldReveal はタイムライン用 A と開いた後用 B から各画素の α と前景色を求め、1枚の透過PNGに書き出します。

3. なぜ PNG-8 をすすめるか

X に大きな RGBA PNG を上げると再圧縮で透過が弱まることがあります。PNG-8(256色 + 透過)のほうが透過が残りやすい報告があります。

4. 長押し 4K 読み込みとは別物

  • 長押しで変化(本サイト):透過と背景色で絵が変わる
  • 長押し 4K:別の流行。高解像度/読み込み演出系

5. うまく見せるコツ

  • A と B は同じ構図・同じサイズ感で揃える
  • 変化させたい部分のコントラストをはっきり
  • PC の x.com(Web)から PNG のまま投稿
  • ダークテーマのタイムラインでは最初から透ける場合がある

6. 作り方(HoldReveal)

  1. A:白背景で見せたい絵をアップロード
  2. B:黒背景で見せたい絵をアップロード
  3. 白/黒プレビューで確認し、強度やモードを調整
  4. PNG をダウンロード → X Web から投稿