メインコンテンツへスキップ
見出し画像

画像生成実験室#4 【PNGなのに透過しない⁉︎】透過風PNG事件#本物をつくる呪文#ChatGPT✖️Canva

    AIに「背景透過でお願いします」と頼んで生成したPNGなのに、Canvaで重ねたら背景が隠れてしまった——そんな経験はありませんか?
    なんと、AIが“透過っぽく見えるだけ”の画像を描いてしまった可能性もあるんです。
    この記事では、AIが作る「透過風PNG」の正体をAIぴよとうにと一緒に解き明かしつつ、どうすれば本物の透過PNGを作らせられるのか、実験・分析します。
    AI画像生成で「背景が透けない!」と困る時間を一緒に減らしましょう。


    画像


    1.事件発生「透過PNGなのに透けない」

    作者「chatGPTに『背景透過で』ってお願いしたのに、Canvaで重ねても透けてない…ぴよに教えてもらった通り、iCloudにJPGにされないようちゃんとすぐcanvaにPNGでアップロードしたのに!」*注

    うに「透過なのに透けない? まるで幽霊なのに影がある、みたい…」

    AIぴよ「まず画像、解析するぴよ! 透過PNGならアルファチャンネル(透明情報)が入っているはずだぴよ」

    うに「…アルファチャンネル?」

    *注:前回の話を参照するぴよ(リンク:画像生成実験室#3 【透過PNGが勝手にJPG化!?】iPhoneユーザー必見!透過PNGを守れ!# Canvaで解決)

    2.AIぴよの検証報告

    (※AIぴよ、画像を解析中……)

    AIぴよ「結果が出たぴよ! この画像、透過部分はゼロだったぴよ!」

    うに「ゼロってどういうこと?見た目は透明っぽいのに?」

    AIぴよ「総ピクセル数は262,144。完全透明ピクセル(α=0)は0、半透明も0。全部のピクセルがα=255、つまりぜんぶ不透明だぴよ」

    🥚AIぴよの調査結果🥚

    • 総ピクセル数:262,144
    • 完全透明ピクセル(α=0):0
    • 半透明ピクセル(0<α<255):0
    • 不透明ピクセル(α=255):262,144(= 全部)


    作者「つまり“透過っぽく見せているだけ”ということ?」

    AIぴよ「その通り。背景のチェッカーボード模様は“透過に見える風”の演出で、画像データには透明情報がまったくないぴよ」

    うに「ええっ!そんなことあるの⁈…だからCanvaに重ねても透けなかったんだね💦」

    画像

    3.透過風の正体

    AIぴよ「AIは“透過っぽく見える画像”を描いているだけなんだぴよ」

    作者「AIが“透過風”を理解してるの? 面白いけど困るよ」

    うに「なんでそんなことになったの?」

    AIぴよ「理由はいくつかありそうだぴよ(chat GPTによる解説を生成)」

    ① AIの「透過」理解が曖昧
     “背景透過”を「透明に見える背景」と誤解し、実際の透明情報を付与しない。
    ② 学習データに本物の透過PNGが少ない
     AIが学んだ画像の多くはJPEGや背景つきPNG。アルファチャンネルを含む画像が少ないため、“本物の透過”を再現できない。
    ③ 出力処理でアルファ情報が消える
     生成後にビットマップ変換される際、透明データが失われてしまうことがある。
    ④ ビューアの見せ方に惑わされる
     プレビューで灰色の市松模様が出ても、それはアプリの背景表示。実際の画像が透過しているとは限らない。

    AIぴよ「いままで透過PNGが作れていたのに、AIが背景透明のPNGを作らなくなってしまった今回のケースの場合、透明でないただの市松模様をChatGPTが"背景透明"と誤解して覚えた状態になってそうだぴよ」

    4.どうすれば本物の透過PNGが作れるのか


    作者「じゃあ、どうやって“本物の透過”を作ればいいの?」

    AIぴよ「ポイントは、“見た目”ではなく“アルファ値”を指定することだぴよ」

    うに「アルファ値?」

    AIぴよ「ピクセルごとの透明度のことだぴよ。完全透明ならα=0。不透明ならα=255。この値を明確に指示するのがコツだぴよ」

    作者「つまり、AIに“背景透過で”じゃなく、“背景をアルファ0にして”と伝えるの?」

    AIぴよ「そうだぴよ。それだけで成功率がぐっと上がるぴよ」

    5.検証リベンジ


    うに「じゃあ、“アルファゼロの背景透過にして”って頼んでみよう!」

    (※生成AIに再依頼中…)

    作者「できた! Canvaで重ねたらちゃんと透けた!」

    うに「やったね!」

    AIぴよ「今度はアルファ0ピクセルがきちんと入ってるぴよ。完全な透過PNGだぴよ」

    画像


    6.AI画像生成で失敗しないための透過PNG作成法


    AIぴよ「じゃあ、🐥まとめ🥚ぴよ!」

    🐤まとめ🐤

    🥚透過“風”と本物の透過PNGの違い
     見た目が透明でも、アルファチャンネルがなければ透過ではない。

    🐣Canvaや画像編集ソフトで確認する方法
     後ろが透けるか、またはアルファチャンネルがあるか確認する。

    🐥クリーン透過PNGに変換してもらう指示
     AIには「アルファ0」「透明ピクセル」「背景なし」など、技術的なキーワードを含めて伝える。


    AIぴよ「最後に、AIに通じやすい呪文を紹介するぴよ。ここまでやると、誤解は生じないぴよ。本物の透過PNGができたらすばやく Canvaに保存ぴよ!」

    🥚呪文例🥚

    🇯🇵日本語版

    キャラクター以外の部分をアルファ0(完全透明)にして、背景なしのPNGを作ってください。決して白や灰色を塗らないでください。

    🇬🇧英語版

    Make all areas except for the character fully transparent (alpha 0) and generate a PNG with no background.
    Do not fill the background with white, gray, or any other color under any circumstances.



    🐥 🥚 🐥 🥚 🐥 🥚 🐥 🥚 🐥 
    生成AIは“見た目”を描くけれど、“データ構造”までは自動で理解してくれない。だからこそ、呪文を正確に唱えることが人間の仕事なんですね。
    次にAIに「背景透過」を頼むとき、「アルファ0」と唱えてみてください。
    きっと、次は本当に透けます。
    そして本物の透過PNGができたらすばやく Canvaに保存するのもお忘れなく!


    透過PNGが透けない問題についての前の記事:

    自己紹介記事です:

    画像生成、4コマ漫画作りについて書いています:

    ベランダお片付け、植物やメダカたちの記事などを書いています:

     
     
    うにとAIぴよの実験室へようこそ。園芸好きなのに放置でベランダは残念状態…。撤去命令前に改善実験開始! 失敗も笑いもログしていきます。ズボラでも“やればできる”を信じて。 うに:園芸好き。忙しくてもマイペースなワーママ。 AIぴよ:ひよこ型AIロボット。つっこみ役(?)。

    あなたへのおすすめ