Xの「tap and hold」トレンド完全解説:隠し画像の作り方

タイムラインが色褪せて見えたり、うっすら幽霊のようだったり、ほとんど真っ白に見える画像で埋め尽くされていませんか。キャプションには「tap and hold 👀」と書いてあります。指で押さえ続けると、画像がまったく別のものに変わります。天使、ネオンの街並み、さっきまでなかったはずのポートレート。プラットフォームの機能のように見えますが、そうではありません。これは画像ファイルそのものの性質であり、仕組みさえ理解すれば1分ほどで自分でも作れます。

このガイドでは、このトレンドが実際には何なのか、混同されがちな2つの異なるトレンドの違い、ほとんどの人が最初に試したときに効果が壊れてしまう技術的な理由、そして両方のタイプを自分で作る方法を解説します。

実は2つの異なるトレンドがあります

まずここを整理しておく必要があります。片方を検索してもう片方の説明を見つけてしまうことが、今いちばんよくある混乱の原因だからです。

tap and hold(press and hold、long press、tap to revealとも呼ばれます)は、1枚の透明PNGの内部に2枚目の画像を隠す手法です。アップロードするファイルは1枚だけです。タイムラインにはうっすらとしたティザーが表示され、押さえ続けると別の画像が現れます。このトリックは完全にファイルのアルファチャンネルの中で成り立っています。

tap the postはまったく別のものです。縦長の画像を1枚用意し、それを4枚の帯状に切り分け、通常のXのギャラリーとして4枚をアップロードします。タイムラインには意味不明に見える、あるいは一部分だけを表示する切り取られたグリッドが表示されます。投稿をタップするとギャラリーが開き、帯が順番に並んで全体像がはっきりします。ここには透明性は一切関係なく、Xが複数画像プレビューをどう切り取るかを利用しているだけです。

どちらも精神的には「tap to reveal」で、一緒にトレンド化し、名前も入り混じって使われています。しかし作り方はまったく異なり、片方用のツールでもう片方は作れません。幽霊のような1枚画像が欲しいならtap and hold、切り分けた縦長パノラマが欲しいならtap the postです。

tap and hold効果の実際の仕組み

Xは同じアップロード済みPNGを、状況に応じて2つの異なる方法でレンダリングします。トリックのすべてはその両者の差の中にあります。

タイムラインでは、Xは小さく圧縮されたプレビューを生成します。そのプレビューに使われるJPEGには透明という概念がないため、透明なピクセルはすべて白い背景の上に平坦化されます。白に対して見えるようデザインされた部分が、スクロール中に人々が目にするものです。それ以外はすべて白の中に消えます。

誰かが投稿を開いて押さえ続け、フル解像度版を読み込むと、Xはアルファチャンネルを保持したままの元のPNGを配信します。この時点で透明なピクセルは本当に透明になり、その向こうに透けて見えるのは視聴者自身のインターフェースです。Xでは多くの人にとってそれはほぼ黒です。その暗い背景を前にして、まったく違う画像が浮かび上がります。

つまりファイルは同時に2つの方程式を解いています。1ピクセルごとに、白の上に合成するとティザー画像になり、同じピクセルを黒の上に合成するとリビール画像になるような色の値とアルファ値を選ぶ必要があります。それこそがジェネレーターがやっていることで、画像全体にわたってこのピクセル単位の連立方程式を解いているのです。Photoshopで手作業でやれば、1枚の画像に丸1晩かかります。

なぜ色はいつも少し色褪せて見えるのか

これは特定のツールの欠陥ではなく、数学的な制約です。1つのピクセルは1つの色と1つの不透明度しか持てず、それで2つの異なる見え方を同時に満たさなければなりません。2枚の画像が異なるほど、それぞれの妥協は大きくなります。不透明度の低いピクセルは白の上では淡く見え、部分的な透明を通して見えるためリビールは彩度を失います。タイムライン上のtap and hold画像はすべてこの性質を持っています。これはこの技法の特徴そのものであり、それに逆らうよりも高コントラストな元画像で活かすほうが良い結果になります。

ほとんどの人が間違えるフォーマットの落とし穴

ここが、うまくいく画像と原因不明でうまくいかない画像を分ける部分であり、どこにもほとんど説明されていません。

Xはすべての PNG を同じように扱うわけではありません。インデックスPNG-8(256色のカラーパレットに限定されたPNG)はXの画像パイプラインでそのまま扱われます。意味のあるサイズのフルカラーRGBA PNG-32は再エンコードの対象になり、XがJPEGに再エンコードするとアルファチャンネルは破棄されます。アルファチャンネルがなければ隠し画像もありません。あなたのファイルはずっと色褪せたティザーのままになってしまいます。

これが、同じ方法を使っているはずなのに効果が出る人と出ない人がいる理由です。ジェネレーターが幅1600ピクセルのRGBA PNGを書き出しているなら賭けをしていることになります。インデックスPNG-8を書き出しているなら賭けにはなりません。

うれしい副作用もあります。PNG-8ファイルは劇的に小さくなります。同じ1400ピクセルの画像でも、インデックスPNG-8ならおよそ200 KB、RGBA PNG-32ならおよそ1.3 MBです。これによりXが形式を問わず再エンコードする5 MBの上限にも余裕で収まります。さらにチェッカーボード方式のエンコードでは、この手法がもともと256色未満しか使わないため、インデックス版はフルカラー版とピクセル単位で完全に同一になります。何も失わずに信頼性だけを得られるということです。

私たちのTap and Hold画像メーカーがデフォルトでインデックスPNG-8を書き出すのはまさにこの理由からです。使っているツールが普通のPNG書き出ししか用意していない場合は、投稿する前に知っておく価値があります。

ダークモード、ライトモード、そして訪れないリビール

ここでは、実際には問題ないのに画像が壊れていると結論づけてしまうもう一つの理由を説明します。

リビールはファイルに描き込まれているわけではありません。透明なピクセルの背後にあるものから浮かび上がるのであり、それはあなたのものではなく視聴者のインターフェースです。ダークモードでXを使っている人はほぼ黒の背景を得て、意図したとおりのものを見ます。ライトモードの人は白または白に近い背景を得ますが、これはタイムラインの白いマットに非常に近いため、隠されたレイヤーは弱いままで効果がまったく出ないこともあります。

自分の画像をテストしていてリビールが弱く見える場合は、スライダーをいじる前に自分のテーマを確認してください。実は完璧に機能しているファイルのライトモード表示を見ているだけかもしれません。これはキャプションがなぜあれほど効果的なのかも説明します。tap and holdを試すように、あるいはダークモードで試すように伝えることは、みんなが自分で気づいてくれると期待するよりずっと効果的です。

tap and hold画像の作り方

1. リビール画像を選びます。高コントラストで被写体がはっきりしているものが最適です。ごちゃごちゃして低コントラストな写真は、別の画像の中に隠れる余地が少なくなります。
2. Tap and Hold画像メーカーを開き、画像をドロップします。すべてブラウザ内で処理され、サーバーには何もアップロードされません。
3. ティザーを選びます。タイムラインで人々が見るものです。内蔵プリセット、別に用意した自分の画像、または単色を選べます。
4. ティザーの強さと分離を調整します。ティザーの強さはタイムラインレイヤーの見えやすさを、分離は2枚の画像がどれだけきれいに分かれるかを調節します。実際に試す価値があるのはこの2つのスライダーです。
5. 両方のエンジンを試します。Smoothは連続的なアルファ場を解くもので写真に向いています。Checkerboardは透明ピクセルと不透明ピクセルを交互に配置し、ティザーをより強力に隠しつつPNG-8として無損失にエンコードできます。同じ元画像でもかなり違う挙動になります。
6. PNGを書き出します。特別な理由がない限りインデックスPNG-8を選びましょう。
7. デスクトップブラウザからx.comに投稿します。モバイルアプリは使わないでください。書き出したファイルをどこにも開かず保存し直さず、そのまま添付します。
8. キャプションを付けます。「tap and hold 👀」は実際に重要な役割を果たしています。試すべきだと知らない人には、この効果は見えないままだからです。

tap the post画像の作り方

もう一方のトレンドは仕組みとしてはより単純ですが、順序にはより気を使う必要があります。

1. 縦長の画像から始めます。全身写真、縦長の風景、長いイラストなどです。縦横比が高いほど仕上がりが良くなります。
2. 上から下へ4枚の帯に切り分けます。Tap the Postスライサーがこれを行い、パーツをZIPとして渡してくれます。
3. 4枚すべてを順番どおりに1つの投稿にアップロードします。順序こそがすべてです。Xは4枚画像のギャラリーを固定グリッドで配置するため、順番を間違えると画像がバラバラになります。
4. 「tap the post」または「tap to see the whole thing」というキャプションを付けます。

透明性が一切関わらないため、このバリエーションはモバイルアプリでも生き残り、再エンコードにも耐え、ライトモードとダークモードでまったく同じように機能します。2つの技法の中では圧倒的に頑丈なほうです。tap and hold画像が言うことを聞かずに苦労したことがあるなら、覚えておく価値があります。

投稿後に画像が動かなくなる理由

ほとんどすべての失敗は、書き出しからアップロードまでの間のどこかでアルファチャンネルが破壊されることに行き着きます。おおよその頻度順に挙げると次のとおりです。

• Xのモバイルアプリから投稿した。モバイルアプリはアップロードをJPEGに再エンコードします。JPEGにはアルファチャンネルがありません。代わりにデスクトップブラウザから投稿してください。これが圧倒的に多い原因です。
• インデックスPNG-8ではなくRGBAを書き出した。上で説明したとおりです。XがファイルをJPEGに再エンコードし、透明度を取り除く可能性があります。
• ファイルを再保存した。PNGをエディタ、プレビューアプリ、スマホの写真アプリで開いて再保存すると、透明度が平坦化されたり形式が変換されたりすることがよくあります。スクリーンショットは必ず効果を破壊します。スクリーンショットはファイルではなく、すでに合成された結果を捉えてしまうからです。
• ファイルサイズが5 MBを超えている。この上限を超えると、形式にかかわらずXが再エンコードします。PNG-8での書き出しはこの上限に達しにくくします。
• あなた自身、または見ている相手がライトモードである。これはファイルの問題ではまったくありません。

このトレンドの起源

このアイデアは今月よりもかなり古いものです。日本の隠し絵(かくしえ)の伝統、しばしばカクシエと書かれるものに由来しており、文字どおり「隠された絵」を意味し、ある画像の中に別の画像を隠し込むイラストのジャンルです。

デジタル版は、英語圏のタイムラインに届くよりずっと前から、X上の日本のAIアートコミュニティで出回っていました。今回の急拡大は、日本人のAIアーティスト@sarasara_aiartによる天使をテーマにした一連のイラストが広く拡散したことで火が付き、数日のうちに何千ものアカウントが自分たちのファンタジー風景、アニメキャラクター、シュールな場面を投稿するようになりました。ツールではなく作例を探している場合は、英語のタグよりも日本語のタグのほうがはるかに豊富な鉱脈です。

強調しておく価値があります。この効果はAIとは一切関係がありません。PNGファイルそのものの性質です。あなたの犬の写真も生成されたイラストとまったく同じようにうまくいきます。このトレンドはたまたま画像を大量に生成するコミュニティで始まっただけです。

効果が出るサービスと出ないサービス

この技法には、平坦化した軽いプレビューを表示しつつ、要求されればアルファチャンネルを保持したままの元のPNGを配信するプラットフォームが必要です。Xは信頼できるケースであり、だからこそこのトレンドはXに根ざしています。

Instagram、Facebook、WhatsAppはいずれもアップロード時に透明度を除去してしまうため、何も残りません。Discordや一部のMastodonクライアントはアルファを保持し、暗いインターフェース上に画像を表示するため、クライアントやバージョンによっては効果が働くことがあります。背景を完全に自分で制御できる個人のウェブサイトでは、どのSNSよりもはるかに劇的なバージョンの同じトリックを実現できます。

よくある質問

まとめ

tap and holdトレンドは魔法のように見えますが、実際にはXが画像をどうプレビューし、どう配信するかというギャップを賢く利用しているだけです。このギャップを理解すれば、あとは自然と分かってきます。高コントラストな画像を選び、XにアルファチャンネルをそのままにしてもらうためにインデックスPNG-8で書き出し、デスクトップから投稿し、試すべきだと分かるようキャプションを付けましょう。幽霊のような1枚画像バージョンがうまくいかない場合は、切り分けた帯バージョンなら同じような脆さなしに似たリビールを得られます。Tap and Hold画像メーカーで1枚作ってみて、自分の画像にどちらが合うか確かめてみてください。