클릭하면 변하는 그림의 원리
동영상·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 길게 누르기 / 4분할 Tap the Post: 다른 메커니즘
5. 잘 보이게 하는 팁
- A/B 구도·크기감 맞추기
- 변화 구간 대비를 강하게
- PC x.com 웹에서 PNG 업로드
- 다크 모드 TL 주의
6. HoldReveal 사용 순서
- A(흰 배경용) 업로드
- B(검 배경용) 업로드
- 흰/검 미리보기·강도 조정
- PNG 다운로드 → X 웹 게시