イラストを資料に置いたら、白い四角が浮いて見える。「背景を透明にすれば解決する」と考えたくなります。でも、白を消す前に一度、どの白を残したいのかを確かめてみてください。
例えば、白い服を着たキャラクターなら、服の白と背景の白は役割が違います。背景だけをなくしたいのに、白い部分をまとめて透明にすると、服からも下の色が見えてしまいます。
画像の渡し方を考えるとき、大切なのは形式の名前だけではありません。「画像の中に残すもの」と「置く場所の背景に任せるもの」を分けることです。
透明にするのは、使う場所へつなぐため
PNGは透明な部分を保存できる画像形式です。Adobeも、透明背景を持つロゴを別の背景へ重ねる用途を紹介しています。[1]
例えば、同じイラストを白いWebページと色付きの資料に使いたいなら、絵の外側を透明にした画像は配置の自由を増やせます。背景色を変えるたびに、絵の周りの白い四角を隠す必要がなくなるからです。
一方、背景まで含めて構図や雰囲気を作った作品では、背景を消すことが目的に合わない場合もあります。白い余白も、作品の一部として残したいものかもしれません。「透明な画像のほうがよい」と一律に決めず、何をどう見せたいかから選びたいところです。
ファイル形式は、見せたいものを伝える言葉の一つ
PNGは透明度に対応していますが、白い背景が描かれた画像も保存できます。通常のJPEGは、透明度を保存するアルファチャンネルに対応していません。[2]
つまり、「PNGでください」という指定だけでは、残したい白と取り除きたい背景までは伝わりません。形式に加えて、使用する背景や場面を一言添えると、仕上がりを確認する基準ができます。
例えば、次のような伝え方です。
「資料では薄いグレーの背景に置きます。キャラクターの白い服は残し、絵の外側だけ透明にしてください。」
これは架空の相談例です。実際の依頼では、使う色や配置先に合わせて伝えてください。まだ決まっていないなら、未定の部分を残したまま、どこまで決めればよいかを相談できます。
白く見えることと、白が画像に入っていることは違う
透明部分を白い表示背景の上で見ると、白く見えます。そこで「透過に失敗している」と決めて加工すると、直さなくてよい画像を変えてしまうかもしれません。
確認には、受け取った元ファイルを、透過に対応する編集アプリで色付きの背景に重ねる方法が使えます。絵の外側に下の色が見えれば、その部分の透明は保たれています。
白い四角が残る場合は、別の透過対応アプリでも同じファイルを確認し、画像の内容と書き出し設定を調べます。画面のスクリーンショットや、JPEGに変換したコピーを使っていないかも確認しましょう。拡張子を変えるだけで、白い背景が透明になることはありません。
CLIP STUDIO PAINTの現行公式マニュアルでは、PNG・WebPの書き出し設定に「透過情報を書き出す」があります。オンでは透明度を反映し、オフでは透明部分を白背景に置き換える設定です。[3] ただし、画像内に描いた白そのものを自動で取り除く機能ではありません。
受け渡しの確認は、「開けた」の一歩先へ
確認方法として、白・薄いグレー・実際に使う背景色の上で見ることを提案します。絵の外側だけでなく、服の白、目のハイライト、髪の先、半透明の影にも目を向けられます。拡大した状態と、掲載する大きさの両方で見るとよいでしょう。
作成者と受け取る人が同じ見え方を確認したいなら、配置用の透過画像と、背景色の上に置いた確認用画像を分けて渡す方法もあります。確認用には「確認用・配置には元PNGを使用」と添えておくと、使うファイルを区別しやすくなります。
元ファイルは透過するのに掲載後だけ白くなる場合は、掲載に使ったファイルと、掲載先の変換・表示設定を確かめます。相談する際は、ファイル名、使用アプリと版、背景色、白く見える範囲、元ファイルでも同じかを伝えると、確認箇所を絞れます。
透過PNGは、背景を消すためだけの形式ではなく、イラストを使う場所へつなぐ選択肢でもあります。どこで使うのか、何を残すのか、どの見え方ならよいのか。その三つを共有しておくと、ファイルを渡した後の確認もしやすくなります。
