はじめる

GPT-6 Astra · ドット絵

本当に透明な背景のドット絵:キャンバスではなくファイルを確認する

淡い陶器のタイルを市松に並べた暗い石のトレイ。いくつかのます目は空で、その中に琥珀色のガラスのタイルが1枚ある
本当に穴の空いた市松模様から着想した、オリジナルの抽象的な記事用アートです。

画像モデルに「透明な背景」を頼むと、透明な背景の絵が返ってくることがあります。画像モデルはデザインツールの画面写真からも学びます。その画面写真では、透明はグレーと白の市松模様に見えます。だからそのとおりに描くモデルがあるのです。

2026年9月20日、Ciyo でまさにその試験を行い、返ってきたファイルを調べ、そのあとで直しました。この記事では、落とし穴と、それを見抜く2秒の確認と、本当に透明な PNG を作る1回の操作を紹介します。

うまくいったように見えるプロンプト

Image Generator(画像生成ツール)に、背景を完全に透明にした鉢植えのドット絵スプライトを、1:1 の 1K、Medium の品質で頼みました。この実行は 2 クレジットで、1分もかかりませんでした。

キャンバス上の結果は完璧に見えました。植物はグレーと白のきれいな市松模様の上にあり、編集ソフトで透明な PNG を開いたときとそっくりでした。画面からは問題がまったく見えません。

グレーと白の市松模様の上にドット絵の植物が置かれている Ciyo のキャンバス
この市松模様は絵の中に描き込まれています。ファイルには透明な部分がまったくありません。
実行したスプライトのプロンプト(日本語訳。そのまま貼って使えます)
小さなゲーム用の、鉢植えのモンステラのドット絵スプライト。正面から見た図、大きくて目に見えるドット、8色ほどの限られた配色、植物を中央に置き、背景は完全に透明。影なし、文字なし、枠線なし、グリッド線なし。

ファイルの中身は何だったか

PNG を保存して中身を読みました。1024×1024 の RGB 画像で、大きさは 983,961 バイト、アルファチャンネルはありません。つまりすべての画素が不透明です。「透明」に見える部分は、おおよそ #FEFEFE と #D3D2D2 の2色を規則正しく並べたもので、画像の1割以上を占めていました。

配色についての指示も守られていません。8色ほどと頼んだのに、ファイルには 56,556 色が含まれていました。モデルが平らなドットではなく、ぼかした輪郭と質感を描いたためです。

2026-09-20 に、保存した PNG を調べた結果です。
項目頼んだ内容ファイルの中身
アルファチャンネル完全に透明な背景なし。カラーモードは RGB
背景何もなし描き込まれた市松模様、#FEFEFE と #D3D2D2
配色8色ほど56,556 色
大きさ1024×10241024×1024、983,961 バイト

2秒でできる確認

透明かどうかをキャンバスで判断してはいけません。市松模様と見まちがえようのない背景の上で判断します。

ファイルを濃い色、たとえばマゼンタや明るい緑の上に置いて見ます。本物の透明なら、その色が透けて見えます。描き込まれた透明なら、小さなグレーのます目が残ります。マゼンタの上に四角が乗っているだけで、何もない部分ではないとすぐにわかります。スマートフォンなら、暗い配色の閲覧ソフトで開きます。描き込まれた市松模様は、暗い背景の上でも淡いままです。

Remove BG で本物の透明にする

キャンバスで画像を選び、Remove BG(背景除去)を押します。今回の実行では、本物の RGBA の PNG ができました。四隅の画素はすべて完全に透明で、1,048,576 画素のうち 670,889 画素、つまり画像の 64.0 パーセントがアルファ0です。完全に不透明な画素は 343,266 でした。その中間にあるのは 34,421 画素だけで、これは葉のまわりのやわらかい輪郭です。

下の画面写真には、両方のファイルがキャンバスに並んでいます。市松模様があって透明に見えるほうが、にせものです。後ろに何も見えないほうが本物です。

この実行では Remove BG でクレジット残高は変わらず、ボタンにも見積もりは出ませんでした。これは Preview 環境での1回の観測であり、公表された価格ではありません。

Ciyo のキャンバスに並ぶ2つのドット絵の植物。左は市松模様の上にあり、右は何もないキャンバスの上にある
左は元のファイルで、市松模様が描き込まれています。右は Remove BG のあとで、本物の透明です。

本物のドット絵が必要なら、二重に指定する

輪郭のやわらかいドット絵ふうの絵は、ドット絵ではありません。決まった大きさでゲームに置くスプライトなら、ドットの格子をはっきり指定し、プレビューではなくファイルを確認してください。

2つの文でほとんどが決まります。欲しいドットの格子を指定し、やわらかい輪郭を禁じることです。輪郭をなめらかにしたスプライトはきれいに拡大できませんし、あとから背景を消しても直りません。

より厳しいスプライトのプロンプト(日本語訳。そのまま貼って使えます)
32×32 の格子で描いたドット絵スプライト。すべてのドットは平らな単色の四角で、輪郭は硬く、なめらかにしない。グラデーションなし、やわらかい影なし、色はちょうど8色。被写体は中央に置き、背景は消しやすい単色。文字なし、画像上に描いたグリッド線もなし。

広がる流行と、それが証明しないこと

画像モデルで作るドット絵は、いま注目を集めています。2026年9月16日、r/ChatGPT に投稿された、画像モデルで作ったアニメーションのコマの投稿は、1,200 を超えるスコアと 86 件のコメントを集めました。

その投稿はコマについてのもので、ファイル形式の話ではありませんし、別の製品の話です。それでも取り上げるのは、この熱気が本物で、そこに乗っているときほどこの落とし穴にはまりやすいからです。スレッドで正しく見えるスプライトでも、アルファチャンネルのない不透明なファイルかもしれません。

透明な背景についての質問

透明な部分がないファイルなのに、キャンバスに市松模様が出るのはなぜですか?

市松模様が絵の一部だからです。モデルがそれを描きました。キャンバスはファイルの中身をそのまま描くので、描き込まれた市松模様と本物の透明は画面上で見分けがつきません。

アルファチャンネル付きの PNG を頼めば、そのとおりになりますか?

今回の実行では、言葉で頼んでもできませんでした。結果に Remove BG をかけるとできました。言葉での指定はあくまで手がかりで、本当の試験はファイルの確認です。

Remove BG でドットは傷みますか?

やわらかい輪郭ができます。今回のファイルでは、100万強の画素のうち 34,421 画素が半透明になりました。ウェブ用の画像なら問題ありませんが、スプライトを大きく拡大すると見えます。

実際に使えるスプライトを作る

Ciyo でスプライトを生成し、Remove BG をかけ、公開する前に濃い色の上でファイルを確認しましょう。