透明 PNG は実際に表示される場所では失敗します
ルート `transparent-background-png` は、ステッカー、バッジ、および UI クロムをターゲットとします。白いアートボードに隠れているハローが、写真やグラデーションで叫びます。アプリが使用する実際の 16 進値 (微妙なグレーを含む) をテストします。アセットがビデオまたはエンジンに送られる場合は、事前乗算されたアルファとミップ バイアスを確認してください。ビット深度、カラー プロファイル、圧縮をフリーズして、バッチの一貫性を保ちます。
透明背景-png の推奨手順
- ドロップ シャドウまたはキーラインを許可するかどうか、および PNG ウェイトに上限を設けるかどうかを決定します。
- ブランド ライト、ブランド ダーク、ニュートラル グレーを合成してフリンジ カラーを捉えます。
- 実際の CDN パイプラインを実行して、オプティマイザーがアルファ エッジを潰さないようにします。
背景削除（透明）Q&A
Figma では問題なく見えますが、Chrome ではフリンジになります。なぜでしょうか?
ブラウザを信頼してください。エクスポート プリセットとカラー管理されたプレビューを確認します。
ダークモードには別のアセットが必要ですか?
通常、はいです。オンライト/オンダークのエクスポートをペアにするか、ニュートラル ストロークを標準化します。
サムネイルが柔らかく見えますが、これは誰の所有物でしょうか?
プラットフォームのサムネイル サイズで検証します。ダウンストリームシャープニングはフルサイズレビューとは異なります。
「transparent-background-png」ステッカーを出荷した後、デザインがダーク モードに切り替わり、ハローが表示されます。修正の所有者は誰ですか?
ライト/ダークアセットのペアまたはデザインシステムの標準キーラインを文書化します。単一の PNG では、目的の背景ヘックスに名前を付ける必要があります。
モーションにも同じステッカーが必要ですが、追加のチェックは必要ですか?
事前乗算されたアルファ、作業色空間、およびシーケンスのエクスポート設定を確認します。フラット PNG は、NLE にインポートするとフリンジが発生することがよくあります。