Tap and Hold logoTap&Hold
← Tap and Hold メーカーに戻る

Tap and Hold 画像の作り方

このガイドでは、X / Twitter で実際に機能する Tap and Hold(タップで表示)画像の作り方を、素材選びから正しい投稿方法まで順に説明します。所要時間は約1分です。

ステップ 1 — 画像とモードを選ぶ

1枚の画像を薄い影の後ろに隠したいなら「タップで表示」、タイムラインとタップ&ホールドで別の画像にしたいなら「A/B 切り替え」を選びます。どちらも、コントラストが高く形がはっきりした画像が最もきれいに仕上がります。

ステップ 2 — 残す部分を塗る

「タップで表示」モードでは、ブラシでタイムラインに残す部分を塗ります — チラ見せの輪郭、キャプション、シルエットなど。塗らなかった部分はタップ&ホールドまで隠れます。少なすぎるくらいがちょうどいい:ほんのりしたヒントの方がタップを誘います。

ステップ 3 — プレビューを確認

比較スライダーをドラッグして確認します。左側は X のタイムラインサムネイル(白背景・縮小)のシミュレーション、右側は黒背景のタップ&ホールドビューアです。明るさブーストや表/裏のスライダーを調整して、両方が狙い通りになるまで調整しましょう。

ステップ 4 — PNG8 でダウンロード

PNG8 ボタンで書き出します。X はインデックスカラーの PNG8 を通常の RGBA PNG と異なる方法で処理するため、PNG8 がアップロード後も透明効果を確実に保つ形式です。ファイルも小さく、X の 5MB 制限にも余裕ができます。

ステップ 5 — PC のブラウザから投稿

ほとんどの人がここで失敗します。X のモバイルアプリはアップロードを JPEG に変換し、透明度を破壊します。必ず PC のブラウザで x.com からアップロードし、X がサムネイルを処理するまで1〜2分待ってから、スマホのタイムラインで確認してください。「Tap and hold the image 👀」のようなキャプションを付けると、見た人が何をすればいいか分かります。

トラブルシューティング

どこで見ても同じ画像?モバイルアプリから投稿した可能性が高いです — PC から再投稿を。効果は出るがノイズが多い?明るさブーストを下げるか、コントラストの高い元画像に変えてみてください。投稿後に何も変わらない?X のサムネイル処理は非同期です — 2分待ってみてください。

試してみますか?

無料・登録不要。画像がブラウザの外に出ることはありません。

Tap and Hold 画像を作る