Xでタップすると見え方が変わる画像作成ツール

Xのタイムラインでは人物だけ、画像をタップして大きく開くと翼や光が現れる――そのような見え方の差を作る透過PNG作成ツールです。特に画像の縦横サイズの条件など、細かいところは未検証です。

無料広告なし登録不要画像は外部へ送信しません詳細未検証検証・お遊び用投稿後の見え方はXの仕様に依存します

タップ前とタップ後で見え方が変わる画像を作る

人物など常に残したい部分はそのままにし、翼・光・模様などをオレンジ色で選びます。

選ばない部分

Xの通常表示でも、大きく開いた表示でも残ります。

オレンジ色で選ぶ部分

大きく開くと見えますが、通常表示では消えやすくなります。

オレンジ色は編集画面だけの目印です。完成画像では元の色に戻ります。

1. 画像を選ぶ

画像をここへドロップ PNG・JPEG・WebPに対応

実際の操作をサンプルで試す

水色の翼・月・星が最初から選ばれます。通常表示では人物だけ、大きい表示では全体が見える加工を確認できます。

最大30MB、最大2,500万画素、一辺12,000pxまで。画像は外部へ送信しません。

必要な場合だけ、単色背景を透明にする

白や単色に近い背景向けの簡易機能です。複雑な背景は、先に透過PNG作成ツールで整えてください。

指定色に近い部分を透明にする

背景色カラーコード

背景色の許容範囲 24

値を大きくすると、指定色から少し離れた色も透明になります。

2. 大きく開いたときだけ見せたい部分を選ぶ

翼、光、背景模様などをオレンジ色にします。人物など常に残したい部分は選びません。
実際にテストした限りではブラシの後は残るので、消したい部分は全体をオレンジ色にしてしまうほうがいいです。

マスクなし

選び方の基本

右側の「画像から色を取る」を押し、翼などをクリックします。
「同じ色をオレンジにする」でまとめて選びます。
はみ出した部分だけ、追加・削除ブラシで整えます。

画像を選ぶと編集画面が表示されます 実演用イラストなら、翼・月・星が最初から選択されます。

ブラシサイズ 54

色からまとめて選ぶ

翼や光だけに使われている色がある画像では、この方法が最も簡単です。

選ぶ色

近い色を含める範囲 56

翼に複数の水色がある場合は、少し大きくします。

この操作は現在のオレンジ色の選択を置き換えます。

明るさなど、別の方法で選ぶ

選択方法

3. 出力設定を確認する

市松アルファの密度出力サイズ

まずは検証済みの50%をおすすめします。大きく開いた画像をより濃く、きれいに見せたい場合は56.25%または62.5%を試せますが、密度を上げるほど通常表示にも残りやすくなるため、投稿後の確認が必要です。

4. 見え方を比較する

生成前の表示は近似です。保存後の結果欄では、完成PNGを使って再確認します。

大きい表示の近似

マスクを作ると表示されます。

通常表示用へ縮小した近似

マスクを作ると表示されます。

使い方

画像を選ぶ

背景が透明なPNGが最も扱いやすいです。白や単色背景なら、このページ内の簡易透過も利用できます。

大きく開いたときだけ見せる部分を選ぶ

翼や光の色を画像から取り、同じ色をまとめてオレンジ色にします。人物など通常表示にも残したい部分は選びません。

通常表示と大きい表示を比べる

左に全体、右にXの通常表示へ縮小した近似が表示されます。差を確認してPNGを保存します。

どうして見え方が変わるの？

加工対象へ、完全透明と完全不透明を1px単位で交互に並べます。大きい画像では模様として見えますが、Xが通常表示用の小さいPNGを生成するときに透明側へ落ち、対象部分が消える場合があります。

このページでは、Xで差が確認できた条件へ寄せて、PNG-8・256色・二値アルファで保存します。HDR画像を作る機能ではありません。

向いている画像

向いている

人物本体と翼・光・背景模様を分けやすいイラスト
大きく、輪郭がはっきりした隠し要素
背景が透明または単色の画像
長辺2000px以上の高解像度画像

向いていない

細部が多く、選ぶ部分と残す部分が重なった写真
全体を消したくない低解像度画像
複雑な背景を自動で切り抜く必要がある画像
色数の減少が目立ちやすい滑らかな写真・グラデーション

加工しやすい元画像の例

人物は黒・濃紺、あとから消えやすくする翼・月・星は水色だけで描いています。色が明確に分かれているため、水色を一度クリックするだけでまとめて選びやすい構成です。

残す人物と、隠す装飾で色を分ける
翼や光は大きく、輪郭をはっきりさせる
ぼかし、煙、半透明、細かな背景は避ける

ChatGPTやGeminiで加工しやすい素材を作るプロンプト例

生成AIには通常の一枚絵を作らせます。市松模様や透明加工は指示せず、残す部分と隠す部分で色を明確に分けることが重要です。
真面目に作りたい場合はもうちょっと考えたほうが良いです。

このプロンプトの狙い

アニメ調の人物は通常表示にも残し、水色系だけで描いた翼・月・光をこのツールでまとめて選べるようにします。

日本語

縦長2:3、高解像度の、商業アニメのキービジュアルのような美しいオリジナルイラストを作成してください。中央に一人の若い人物を配置し、繊細で明瞭な線画、整った顔立ち、丁寧に描かれた髪と衣装、メリハリのあるセル塗りで仕上げてください。

人物は黒、チャコール、濃紺を中心にし、肌や髪には自然な色を使ってください。人物の肌、髪、瞳、衣装には、シアン、水色、青白色を一切使わないでください。

人物の背後には、画面いっぱいに左右へ広がる大きな天使の翼、円形の月または光輪、少数の星と羽根を描いてください。これらはあとから色でまとめて選択するため、翼・月・光輪・星・羽根には、明るく淡いシアン、アイスブルー、青白色だけを使ってください。

翼などの選択対象には、暗い青、黒い影、濃い縁取り、強い色差を使わないでください。全体を明るさの近い2～3色の平坦な配色に統一し、陰影はごく控えめにしてください。羽根の形や重なりは線と面の境界で丁寧に表現し、暗い影では描き分けないでください。輪郭線を付ける場合も、濃色ではなく明るい水色にしてください。

人物と翼は可能な限り重なりを少なくし、翼、月、光輪、星、羽根が人物から色で明確に分離された構図にしてください。発光感は、明るい平塗りと明瞭な輪郭で表現し、ぼかした光や半透明のグローは使わないでください。

背景は透明PNGが望ましいです。透明背景にできない場合は、影、模様、グラデーションのない純白一色にしてください。煙、霧、細かな発光粒子、強いぼかし、複雑な背景、文字、ロゴ、透かしは入れないでください。人物と翼の全体をキャンバス内へ収め、市松模様や透明・不透明の交互パターンは描かないでください。

English

Create a beautiful original high-resolution vertical 2:3 anime key visual suitable for a commercial fantasy animation. Place one young character in the center, rendered with delicate but clearly defined line art, an appealing face, carefully drawn hair and clothing, and polished high-quality cel shading.

Use black, charcoal, and deep navy as the main colors of the character, with natural colors for the skin and hair. Do not use cyan, light blue, ice blue, or blue-white anywhere on the character’s skin, hair, eyes, or clothing.

Behind the character, draw a pair of enormous angel wings spreading across most of the canvas, together with a circular moon or halo, a small number of stars, and several floating feathers. These elements will later be selected by color, so use only pale cyan, light ice blue, and blue-white for the wings, moon, halo, stars, and feathers.

Do not use dark blue, black shadows, dark outlines, or strong color variations on the elements that will be selected. Keep them within a narrow palette of two or three similarly bright, pale colors, using mostly flat coloring with very subtle shading. Show the shapes and overlapping layers of the feathers through clean lines and clearly separated color areas rather than dark shadows. Any outlines on these elements must also be pale blue rather than a dark color.

Keep the wings and decorative elements from overlapping the character more than necessary. The wings, moon, halo, stars, and feathers must remain clearly separated from the character by color. Create the luminous appearance using bright flat colors and crisp contours, without blurred light, translucent glow, or soft bloom effects.

A transparent PNG background is preferred. If transparency is unavailable, use a completely pure white background without shadows, textures, or gradients. Do not add smoke, fog, tiny glowing particles, heavy blur, complex scenery, text, logos, or watermarks. Keep the entire character and both wings inside the canvas. Do not draw checkerboard patterns or alternating transparent pixels.

生成結果に人物側の水色が混ざった場合は、ブラシの「削除」で人物部分だけ選択から外せます。背景が白の場合は、先に簡易透過または透過PNG作成ツールで透明にしてください。

利用上の注意

創作や錯視表現を楽しむためのツールです。安全な画像に見せかけてショッキングな内容を表示するなど、閲覧者を意図的にだます用途、嫌がらせ、投稿先の規約に反する利用はお控えください。

よくある質問

Xで必ず変化しますか？

保証できません。Xの縮小方法や表示仕様に依存するため、投稿後に通常URLと大きい表示を比較してください。

市松アルファの密度はどれを選べばよいですか？

まずはXで動作を確認済みの50%をおすすめします。56.25%と62.5%は大きい表示を濃く見せやすい反面、通常表示にも残りやすい実験設定です。37.5%と25%は通常表示で対象が残ってしまう場合に利用してください。

画像はサーバーへ送信されますか？

送信しません。読込、マスク編集、減色、PNG生成までブラウザ内で行います。

元の色が少し変わるのはなぜですか？

X上で確認できた条件へ合わせるため、出力時に最大256色へ減色します。写真よりイラストや記号に向いています。

背景をきれいに透明にできません。

このページの背景透過は単色向けの簡易機能です。複雑な場合は先に透過PNG作成ツールをご利用ください。

ほかのツールを見る

ななつーるず

画像ツール

Twitch用パネル画像作成透過PNG作成 Favicon一括作成 Xでタップすると変わる画像作成

その他

ルーレット・くじ引き抽選パスワード・パスフレーズ生成グローバルIPアドレス確認

サポート

お問い合わせ

・150円から
・匿名/ハンドルネーム可
・手数料無料

Amazonギフトで応援する

ツールが役に立った場合など、気が向いた範囲で構わないので、 Amazon公式のeギフトカードで応援してください。

STEP 1 Amazonでeギフトカードを開く

STEP 2

gift@nanacona.jp 宛てに送る

詳しい手順を見る