PNG をエクスポートするときは、背景を透明に保ちます

透明なアセットには、どのピクセルが表示されるかを表すアルファ チャネルが含まれています。 それは、市松模様の写真とは異なります。 ロゴの背後にあるチェッカーボードを示すスクリーンショットをダウンロードした場合、これらの四角は通常の可視ピクセルである可能性があります。 そのスクリーンショットを PNG として保存しても、それらは削除されません。 エディターで実際のアセットを開き、バックグラウンドが実際に透けて見えるかどうかを確認します。

このワークフローは、小規模な配信バージョンが必要な既存のカットアウト、ラスター ロゴ、またはオーバーレイに役立ちます。 被写体を特定したり、背景を消したり、切りくずのエッジを置き換えたりすることはできません。 最初に元のデザインでこれらの編集を行います。 編集可能なマスターを保持し、そこから透過的な PNG をエクスポートし、意図的に背景を平らにせずに別のラスター サイズが必要な場合は、このページを使用します。

プリセットは元のピクセルを保持し、PNG を選択してシャープニングをオフにします。 PNG は、既存の透明性を維持する出力です。 このツールの JPEG および WebP エクスポートでは、不透明な白い背景を使用するため、異なるページの色で機能する必要があるアセットには選択しないでください。 高品質のスライダーは、PNG のロスレス圧縮を制御しません。

小さいコピーの場合は、[適合] を選択して、[利用可能な] ボックスに入力します。 これにより、エッジを切り落とさずにソースのプロポーションが維持されます。 正確なサイズのトリミングは、選択した形状に合わせて、影やマークの一部を取り除くことができるため、そのトリミングが必要な場合にのみ使用してください。 マスター アセットでの不要なバイト キャップは避けてください。 タイトなキャップに到達するには、ピクセルの縮小が必要になる可能性があり、小さなロゴや狭いアウトラインを読みにくくすることがあります。

明るい背景と暗い背景の両方に対してダウンロードされた PNG を表示します。 カットアウトには、以前の白色背景編集からの薄いエッジ ピクセルが含まれる場合があります。 透明度は技術的にはそのままである可能性がありますが、暗い部分ではハローがまだ間違っているように見えます。 同様に、エクスポートが正しい場合でも、暗いページでは暗いロゴが消える場合があります。 繰り返し圧縮するのではなく、ソース内の設計上の問題を修正してください。

画像を実際の表示サイズで確認してください。 半透明の影と細いストロークは、PNG 出力でも縮小すると視覚的に変化する可能性があります。 Web 公開の場合、要素の寸法を設定し、画像が情報を伝えるときに役立つ代替テキストを提供します。 装飾的なオーバーレイには、リンクされた会社のロゴとは異なるアクセシビリティ処理が必要になる場合があります。 テスト エクスポートをダウンロードして、一致するアセットのグループを処理する前に、実際のレイアウトに配置します。 ソースは、変換中ずっとデバイスに残ります。

暗い背景に合わせてデザインされた、柔らかい影と 2 つ目のロゴのある暗いロゴを試してみてください。 ダウンロードした両方の PNG を一時的なライト セクションとレイアウトの暗いセクションに配置します。 狭いストロークとシャドウ境界を意図したディスプレイ サイズで確認します。 1 つのバージョンが表示されなくなった場合は、別の背景色にフラット化するのではなく、適切なソース バリアントを選択します。 白いハローが表示されたら、元のカットアウトを再確認してください。 ファイルは、アルファ チャネルを保持しても、特定のページに対して視覚的に一致しない場合があります。 すべてのバリアントに共有設定を適用する前に、両方のプロパティを確認してください。