GPT Image 2 透明背景：クリーンなアルファ手順

GPT Image 2 は、透明な PNG を直接返すことができるようになりました。有用な部分は背景が欠けていること自体ではありません。再利用可能なアセットが得られ、そのエッジは白い製品ページ、暗い広告、飽和したソーシャル タイル上でも正しく表示されます。

画像3 ホームページ から開始して、より広範な制作フロー用に 画像3 ワークスペース を開いてから、GPT 画像 2 透明背景ジェネレーター を使用します。最後のリンクは Studio を選択し、透過 PNG 出力をオンにします。

簡単な答え: アルファ版をリクエストして、それを証明してください

スタジオ モードを使用し、透明背景 (PNG) を有効にし、完全なシルエットが表示された 1 つの孤立した被写体を要求します。風景、床、フレーム、印刷されたラベル、またはチェッカーボードのプレビューは避けてください。これらの詳細により、モデルに被写体の背後にレンダリングするための不透明なものが与えられます。

適切な最初のリクエストは、監査するのに十分短いものです。

プレミアムカタログ商品の切り抜きとして、サンゴセラミックデスクランプを1つ作成します。
ランプと電源ケーブル全体をすべての端できれいに分離して表示します。
アルファ チャネルのある完全に透明な背景を使用します。
床、壁、背景、市松模様、テキスト、ロゴ、透かし、または余分なオブジェクトはありません。
セラミックの自然なハイライトと真鍮の接合部のリアルなディテールを維持します。

結果を PNG としてダウンロードします。次に、少なくとも 3 つの背景の上に配置します。 1 つのブラウザ パネルに透明なサムネイルがあるだけでは、ほとんど意味がありません。多くのエディタでは、透明度とベイク処理されたチェッカーボードがほぼ同じ方法で表示されます。

透明とは実際にはどういう意味ですか

PNG には、カラー チャネルとアルファ チャネルが保存されます。 Alpha はピクセルごとの不透明度を記録します。0 は完全に透明、255 は完全に不透明で、それらの間の値はソフト エッジ、ガラス、煙、およびぼかしの影を作成します。ファイルは .png 拡張子を持つことができますが、すべてのアルファ値が 255 の場合は不透明のままです。

アンチエイリアス処理されたエッジ付近では区別が重要になります。通常、湾曲した製品のエッジには、新しい背景と滑らかに混ざり合う部分的に透明なピクセルが含まれています。これらのピクセルが白を基準にして計算された場合、黒の上に配置すると、切り抜きに淡いフリンジが発生する可能性があります。黒を基準にして計算された場合、明るいページに暗い縁が表示されます。

以下の生成されたランプは、本物の RGBA PNG です。ページのプレビューだけで判断するのではなく、ダウンロードして独自のレイアウトでテストしてください。

分離できる主題を選択してください

ネイティブの透明性は、プロンプトで 1 つの明確な主題が定義されている場合に最適に機能します。製品パック、アイコン、ステッカー、ツール、家具、簡単な食べ物のショット、キャラクターの切り抜きには、読みやすいシルエットが付いています。群衆、霧、風になびく髪、半透明の布地、ガラスの飛沫、パーティクルで満たされたシーンでは、より慎重なテストが必要です。

美的な段落ではなく、生産要件から始めます。被写体、必要な切り抜き、難しいエッジに名前を付けます。ケーブル、ハンドル、髪の毛、アンテナ、または透明な素材が重要な場合は、声をかけてください。それ以外の場合、モデルは必要な部分を正確に単純化またはトリミングする可能性があります。

件名: スチームワンドと電源ケーブルを備えたコンパクトなエスプレッソマシン 1 台。
クロップ: オブジェクト全体が表示され、中央に表示され、各側に 12% の空きスペースがあります。
エッジ優先: スチームワンド、ケーブル、ハンドルの隙間、小さな金属製のコントロールを保護します。
背景: 純粋に透明なアルファ、サーフェスもキャスト環境もありません。
出力: クリーンな再利用可能な製品アセット。テキストやブランドはありません。

複数のオブジェクトが必要な場合は、最終レイアウトでオブジェクトの間隔を制御するときに、オブジェクトを個別に生成します。 1 つの結合された画像は、相対的な位置と影を一緒にロックするため、再利用が制限されます。

正しい形式と出力設定を使用する

PNG は、透明アセットの最も安全に動作するマスターです。非可逆圧縮を行わずにアルファを保存し、ブラウザ、エディタ、マーケットプレイス、プレゼンテーション ツールで広くサポートされています。 WebP は透明性を維持することもでき、通常はより小さな配信ファイルを生成します。 JPEG にはアルファ チャネルがないため、JPEG として保存された透明なリクエストは不透明になる必要があります。

最終的な用途から解像度を選択します。小さなアプリのアイコンには大規模なソースは必要ありませんが、ストアのヒーローや印刷レイアウトにはトリミングやダウンサンプリングのためのスペースが必要です。最終的な表示サイズより大きなマスターを生成し、100% 検査して、承認後に小さな配信コピーを作成します。

制御コントラクトはシンプルです。

{
  "モデル": "gpt-image-2",
  "背景": "透明",
  "出力形式": "png",
  「品質」：「中」
}

画像 3 は、トランスペアレント スイッチがアクティブなときに、background: transparent と output_format: png を一緒に適用します。これにより、互換性のない JPEG の組み合わせがインターフェイス レベルで防止されます。

分離優先プロンプトを作成する

「透明な背景」というフレーズは、物理的な構成の指示に表示されるはずです。モデルに床や壁がないことを伝えます。完全なシルエットをリクエストしてください。ベイクした透明パターンを禁止します。難しい材料がどのように動作すべきかを説明します。

このプロンプトは、柔らかいオブジェクトの場合に役立ちます。

孤立した e コマース アセットとして、折り畳まれたクリーム ニット スカーフを 1 つ作成します。
緩んだ繊維と折り目の間の小さな開いた隙間を保存します。
完全なシルエットの周りに本物の透明アルファを使用します。
マネキン、テーブル、床、壁、シャドウ カード、境界線、チェッカーボード、テキスト、ラベルはありません。
繊維の周りに白浮きせず、自然なニットの風合いを保ちます。

そして、このバージョンは半透明のオブジェクトを処理します。

透明な琥珀色のガラスの香水瓶を 1 つ作成します (正面から 4 分の 3 を見た図)。
正確な透明および反射ガラスの動作により、ボトルを完全に見える状態に保ちます。
背景ピクセルは透明でなければなりません。ガラスの内側を白く塗らないでください。
キャップ、薄いガラスのエッジ、内部屈折を維持します。
床、風景、ロゴ、ラベルのテキスト、チェッカーボード、透かしはありません。

オブジェクトはその背後にあるものによって部分的に定義されるため、ガラスは厳しいテストです。承認の前に、必ずガラス結果を実際のターゲット色に合成してください。

スタイル付きシャドウからマスターを分離する

再利用可能な製品マスターでは、通常、大きな影を省略する必要があります。目に見えない床に対して生成される影には、不透明な灰色のピクセル、白いマット、または最終的なレイアウトと一致しない遠近感が含まれる場合があります。可能な場合は、CSS またはデザイン ツールに宛先シャドウを追加します。

ソフト コンタクト シャドウは、部分アルファを通過してオブジェクトの近くに留まる場合には機能します。暗い色の表面でテストしてください。影が灰色の長方形になった場合は、影のないマスターを保持し、下流で影を構築します。

.product-cutout {
  フィルター: ドロップシャドウ(0 18px 22px rgb(15 23 42 / 0.22));
}

CSS drop-shadow() は、長方形の画像ボックスに従う box-shadow とは異なり、目に見えるシルエットに従います。これは、Web レイアウトにとって実用的な非破壊的なオプションになります。

プレビューを信頼する代わりにアルファ版を検証します

4 つの部分からなるチェックを実行します。まず、ファイルが PNG または WebP であること、およびアルファ チャネルが存在することを確認します。次に、白とほぼ黒で表示します。 3 番目に、色付きの背景では淡い汚れがすぐに目立つため、マゼンタやシアンなどの飽和した色を使用します。 4 番目に、最小のギャップと半透明の領域にズームインします。

macOS では、ImageMagick はチャネル セットをレポートできます。

識別 -format '%f %[チャンネル]\n' ランプ-transparent.png

RGBA または sRGBA の結果により、アルファ チャネルが存在することが確認されます。アルファ版が有用であることは証明されないため、複合テストを続けてください。

magick -サイズ 1600x1200 キャンバス:'#111827' \
  ランプ-透明.png -重力中心-複合ランプ-オン-ダーク.png

同じアセットは、このエッジ テストの両側で生き残る必要があります。

偽のチェッカーボードを診断する

透明グリッドはビューアの規則にすぎません。ファイルを赤い背景に配置したときにグレーと白の四角形が表示されたままの場合、グリッドは画像の一部です。モデルは、透明なピクセルではなく、透明な画像をレンダリングしました。

「本物の透明アルファ」と「市松模様なし」で再生します。 「透明な背景プレビュー」を要求しないでください。プレビューという言葉は UI スタイルのグリッドを奨励する可能性があるためです。アセット自体を尋ねます。

被写体がその他の面で優れている場合は、背景除去ツールを使用してエッジのきいた製品を復元できます。リムーバーはどのピクセルが被写体に属しているかを推測する必要があるため、ガラス、髪、煙、半透明の布地については信頼性が低くなります。

白または暗いエッジのハローを修正する

ハローは、エッジ ピクセルにマット カラーが含まれている場合に表示されます。白と黒の両方で 200 ～ 400% の出力をテストします。髪、ケーブル、毛皮、光沢のあるリム、スポーク、狭い穴、モーションブラーされたエッジの周囲を見回してください。

1 つの領域のみが失敗した場合は、集中的な修正プロンプトを使用します。

黒い編組ケーブルの外端のみを修理します。
淡いフリンジを削除し、ケーブルの太さ、織りテクスチャ、曲線、プラグ、ランプ、色、トリミング、その他すべてのピクセルを保持します。
純正の透明アルファはケーブルの外側に置いてください。影や背景を追加しないでください。

ハローが被写体の大部分を囲む場合、内部の穴が不透明な場合、または透明な素材が白で埋められている場合に再生成します。グローバルなアルファ問題は、通常、置き換えるよりもパッチを適用する方が時間がかかります。

内部の穴とネガティブスペースを保護

ハンドル、椅子の脚、自転車のフレーム、宝石、植物の葉、曲がったケーブルなどによって密閉された隙間が生じます。それらの隙間も透明でなければなりません。きれいな外側の輪郭は、シルエットの内側の不透明な部分を隠すことができます。

プロンプト内のギャップに名前を付けて、個別に検査します。椅子の場合は、座面の下と各スピンドル間のスペースを確認してください。マグカップの場合は、ハンドルの開口部を確認してください。このガイドのランプの場合、重要な領域は、ジョイントの周囲の開いた角度と、ケーブルによって形成されるループです。

ネガティブスペースはアセットの一部です。各穴を別のエッジのように扱い、同じ明るい、暗い、飽和したバックグラウンドのテストを行います。

ガラス、煙、柔らかい素材の取り扱い

部分的に透明なマテリアルには、厳密な選択ではなく、グレーディングされたアルファが必要です。目的地の背景に応じて外観が変化するため、1 つの切り抜きがどこでも機能するとは限りません。淡い色のカタログ ページ用に用意されたボトルは、黒い広告では濃すぎるように見えることがあります。

意図したバックグラウンド ファミリに対して生成して承認します。アセットが無関係なテーマにわたって機能する必要がある場合は、2 つのマスターを保持するか、マテリアルの処理を簡素化します。すべてのピクセルを強制的に完全に不透明または完全に透明にしてソフト フリンジを「修正」しないでください。これにより、必要な素材の品質が失われます。

セット全体で色、素材、製品のアイデンティティを安定に保つための広範な方法として、GPT Image 2 ブランド スタイル リファレンス ワークフロー を使用します。テキストもアセットの一部である場合は、GPT Image 2 インフォグラフィック プロンプト ワークフロー に従って、アルファとは別に単語を検証します。

1 つの承認されたマスターからバリアントを構築する

角度、色、またはクロップを生成する前に、1 つのニュートラル マスターを承認します。被写体の身元、トリミング、透明度、照明の方向、および変更してはいけない詳細を記録した短い資産契約を保持します。次に、変数を一度に 1 つずつ変更します。

承認されたサンゴランプを識別基準として使用してください。
視野角のみを真正面からのビューに変更します。
セラミックの色、真鍮の金具、ケーブル、プロポーション、光の方向を維持し、
透明なアルファ背景、オブジェクト全体のトリミング、テキストの変更なし。

これは、1 つのリクエストで 12 のバリアントを要求するよりも遅くなりますが、出力の比較と修復が容易になります。また、1 つのバリアントがドリフトした場合に、設計者に信頼できるフォールバックを提供します。

本番環境のハンドオフを準備する

元の透明 PNG は変更せずにそのままにしておきます。ピクセル寸法、カラー プロファイル、作成日、プロンプト、モデル モード、承認メモを記録します。マスターを繰り返し開いたり上書きしたりするのではなく、マスターから最適化された WebP コピーまたはトリミングされた PNG を作成します。

Web 配信の場合は、最終 URL、MIME タイプ、サイズ、ファイル サイズをテストします。 CDN 変換後もアセットが透明なままであることを確認します。アプリ ストアとマーケットプレイスの場合は、一部のチャネルがアップロード中にアルファをフラット化するか、デフォルトの背景を追加するため、ファイル要件を確認してください。

ハンドオフには、少なくとも 1 つの暗い背景の証明と 1 つの明るい背景の証明が含まれている必要があります。これらはレビュー画像であり、透明マスターの代替品ではありません。

ネイティブ アルファまたは背景の削除?

ネイティブの透明生成と背景除去により、さまざまな開始条件が解決されます。新しい再利用可能なオブジェクトを作成する場合は、ネイティブ アルファを最初に選択することをお勧めします。モデルは、孤立感を念頭に置いて被写体を構成し、壊れやすい部分の周囲にスペースを残し、後で切り取らなければならないシーンをでっち上げないようにすることができます。

背景の削除は、既存の不透明な画像から始まります。これは、クライアントがすでに正確なポーズを承認している場合、ソースが再生成できない写真である場合、またはネイティブの透明な結果によって被写体が変わり続ける場合に便利です。リムーバーは完成したピクセルからマスクを推定します。そのため、半透明の境界や隠れた背景色に関する情報が少なくなります。

この決定ルールを使用します。

習慣的にきれいな透明マスターをリムーバーにかけないでください。 2 番目のセグメンテーション パスでは、部分アルファを強化し、ネイティブ ファイルを有用にするソフト エッジを破棄できます。

e コマース アセット セットを計画する

透明な商品画像が1枚だけで出荷されることは稀です。店舗には、正方形のカタログ タイル、ランドスケープ ヒーロー、詳細クロップ、比較カード、およびいくつかのカラー バリエーションが必要になる場合があります。新しいテキスト プロンプトからすべてのスロットを再生成するのではなく、承認された ID 参照からこれらの出力を構築します。

ニュートラルマスターから始めます。完全なオブジェクト、シンプルなライト、床なし、大きな影なし、代替作物用に十分な空きスペースがあります。譲れない特徴を記録します。電気スタンドの場合、それらは、サンゴ釉、3 つの真鍮のジョイント、黒い編組ケーブル、丸いベース、オフホワイトのインナー シェードなどです。

次に、一度に 1 つの制御ブランチを作成します。

識別情報源: 承認されたサンゴの電気スタンドのリファレンス。
宛先: 正方形の e コマース カタログ タイル。
変更: ランプを時計回りに 20 度回転させ、シェードをわずかに上げます。
保存: コーラル釉薬、真鍮ジョイント、ケーブル、ベース、プロポーション、マテリアル、アルファ。
クロップ: すべての側面に 10% の透明スペースがある完成品。
禁止: 床、キャストルームの影、風景、小道具、テキスト、ロゴ、透かし、チェッカーボード。

次のブランチに移動する前に、各結果をマスターと比較します。たとえアルファが完璧であっても、ヒンジ数やケーブルの色が変更されると、アイデンティティ エラーとなります。透過的な出力では、通常の参照編集チェックが緩和されません。

ファイルには、ダウンロード フォルダー内に表示された順序ではなく、その内容に基づいて名前を付けます。 lamp-coral-front-master.png および lamp-coral-three-quarter-web.webp は、generation-14-final-v2.png よりも監査が簡単です。マスターと配信コピーは、ファイル名とストレージ パスの両方で区別できるようにしてください。

Web 上で透明なアセットを安全に使用する

ブラウザーは追加の JavaScript なしでアルファをレンダリングしますが、レイアウトの選択によって制作上の間違いが明らかになる可能性があります。読み込み中にページがジャンプしないように、画像要素の寸法を指定します。完全な製品カットアウトには object-contain を使用し、ページの明るいテーマと暗いテーマに対して結果を検証します。

<写真>
  <source srcset="/assets/lamp-coral.webp" type="image/webp" />
  <img
    src={transparentAssetUrl}
    幅="1254"
    高さ = "1254"
    alt="透明な背景に分離されたサンゴのデスク ランプ"
    読み込み中=「怠惰」
  />
</ピクチャ>

フォールバック PNG は、WebP ソースを選択しないクライアントに対して透明度を保持します。ライブ製品ページのチェッカーボード上にアセットを配置しないでください。チェッカーボードはエディターでは便利ですが、製品の注意をそらし、購入者にパターンが画像の一部であるかどうか疑問に思わせる可能性があります。

暗いテーマでは、明るいテーマでは隠れているフリンジが明らかになった場合は、アセットを修正してください。次の配置で再び問題が明らかになるため、同じ色のグローやコンテナの背景で問題を隠すことは避けてください。

サイズ変更と最適化を通じてアルファを維持する

最適化ツールは、出力形式または設定が間違っている場合、透明度を平坦化する可能性があります。すべての変換を、チャネル チェックが必要な新しいアセットとして扱います。 ImageMagick を使用したサイズ変更では、入力および出力形式がアルファをサポートしている場合、アルファが保持されます。

マジックランプ-コーラル-フロント-マスター.png \
  -サイズ変更 '900x900>' \
  -ストリップ\
  ランプ-コーラル-フロント-900.png

WebP の場合は、エッジの詳細を保持する品質設定を使用し、出力が引き続きアルファを報告することを確認します。細いケーブルや髪の毛は、バイト数が小さいだけでなく、視覚的に比較する価値があります。

cwebp -q 88 -alpha_q 100 ランプコーラルフロントマスター.png \
  -o ランプ-コーラル-フロント-web.webp

いかなる時点でも作業マスターを JPEG に変換しないでください。アルファがマットに対して平坦化されると、その JPEG を PNG に変換しなおしても、失われた透明度は復元されません。

アクセシビリティと正直なプレゼンテーション

代替テキストでは、表示される件名と、画像がページ上にある理由を説明する必要があります。 「透過 PNG」だけでは、スクリーン リーダー ユーザーには何も伝わりません。説明のための比較として、同じ製品が明るい背景と暗い背景でテストされていることを説明します。すでに商品名が記載されているコピーの横にある装飾的な製品の切り抜きの場合は、短い主題の説明で十分です。

AI によって生成された製品コンセプトが販売商品の写真であると示唆しないでください。その違いが購入やデザインの決定に影響を与えるラベルのコンセプト画像。アセットが実際の製品を描いている場合は、公開する前に、ラベル、ポート、ボタン、比率、および付属のパーツを承認されたリファレンスと比較してください。

透明度を使用すると、元のプレビュー カラーに対して隠されていた偶発的な断片 (切り離されたハイライト、浮いた影、部分的な文字、小さな浮遊形状) が明らかになることもあります。メインのシルエットだけでなく、キャンバス全体を検査します。

コンパクトなリリース チェックリスト

GPT Image 2 透過 PNG を出荷する前に、以下の各項目を確認してください。

• ファイルには、単なる PNG 拡張子ではなく、アルファ チャネルが付いています。
• チェッカーボード、白い長方形、スタジオの壁はピクセルに焼き付けられません。
• 主題全体と、必要なケーブル、ハンドル、狭い部品がすべて揃っています。 ●内部の穴は透明です。
• 明るい背景、暗い背景、飽和した背景でも、許容できないハローが現れません。
• ガラス、髪、煙、影には、現実的な部分透明度が使用されています。
• マスターはクロップや圧縮コピーとは別に保存されます。
• 代替テキストは、主題と画像の説明的役割を説明します。

透明な出力は本番設定であり、レビューの代わりとなるものではありません。クリーンなマスターを 1 つ生成し、そのエッジにストレス テストを行ってから、キャンペーン セットを構築します。

画像3 ホームページ に戻るか、画像3 ワークスペース に進むか、Studio とアルファ出力がすでに選択されている状態で GPT 画像 2 透過 PNG ジェネレーター を開きます。