なぜ絵が変わるの?
動画ではありません。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)
- A:白背景で見せたい絵をアップロード
- B:黒背景で見せたい絵をアップロード
- 白/黒プレビューで確認し、強度やモードを調整
- PNG をダウンロード → X Web から投稿
