タップで画像が現れるトリック画像作成ツール

画面の見方と作成の流れ

このツールは、タイムラインでは薄く見え、タップすると本来の絵が出るPNGを作るためのものです。画面は上から順に、キャンバスの設定、画像の配置、プレビュー、変換結果という並びになっています。上から順に進めれば1枚作れます。

タップ前とタップ後を分けて考える

この形式は、2つの絵を1枚に同居させるものです。タップ前はタイムラインで手を止めてもらうための入口、タップ後は本当に見せたい絵、という役割分担で考えると迷いません。

タップ前に情報を詰め込むと、薄く表示された時に何も読み取れなくなります。「TAP」のような短い誘導や、輪郭のはっきりした要素だけに絞る方が結果は良くなります。逆にタップ後は、多少細かくても構いません。

文字を入れる時のコツ

• 縁取りを付ける：Xにはダークモードとライトモードがあり、背景色が真逆になります。縁取りがないと、どちらかで文字が消えます。
• 大きめにする：スマホのタイムラインでは画像が縮小されます。PC画面で「少し大きすぎるかな」と感じるくらいがちょうどよく収まります。
• 端に寄せすぎない：表示環境によって切れる範囲が変わります。重要な文字は中央寄りに置いてください。

書き出しと投稿

変換して保存したPNGは、通常の画像投稿としてXに添付します。透過の見え方はX側の縮小処理に左右されるため、スマホアプリからよりもPCブラウザ（x.com）から投稿した方が、意図に近い結果になりやすいです。

ファイルサイズが大きいと、投稿時にXが「画像を編集しますか？」と確認してくることがあります。多くの場合、編集せずそのまま投稿して問題ありません。投稿後はプロフィールを開いて、タイムライン上の実際の見え方を確認してください。

思った見え方にならない時

• タップ前が濃く出る：ベース画像の明るい部分が広いと、薄く見えにくくなります。配置や明暗のバランスを変えて試してください。
• タップ後がぼやける：元画像の解像度が足りていません。長辺の大きい画像を使ってください。
• 投稿したら崩れた：アプリ経由の再圧縮が原因のことが多いです。PCブラウザからの投稿で改善するか確認してください。
• 端末によって違う：この表現はXの表示仕様に依存します。仕様変更で見え方が変わる可能性がある前提でお使いください。

無料版でできる範囲

無料版はベース画像とテキストを組み合わせる構成で、比率は1:1・16:9・9:16の3種類です。カバー画像の合成やマスク編集、追加の比率はメンバー向けのツールで提供しています。手順を画像付きで追いたい場合は、タップで画像が現れる透過PNGの作り方もあわせてご覧ください。