カットアウトの PNG、WebP、AVIF
どのフォーマットが「カットアウトに最適」かと尋ねられると、通常、次の 3 つの別々のジョブを組み合わせます。
- ソース写真を開く
- 背景除去後の透明度の維持
- チームメイトと宛先が理解できるファイルを配信する
PNG、WebP、AVIF はすべて、最新の画像作品に使用できます。ステップごとに交換できるわけではありません。
カットアウトに重要な基準
| 基準 | カットアウトが重要な理由 |
|---|---|
| 透明度・アルファ | 被写体が他の背景の上に浮く必要がある場合に必要です。 |
| 幅広いサポート | 「ファイルが開かない」という問題を軽減 |
| ファイルサイズ | Web配信・大型カタログに関する事項 |
| 編集に精通する | チームが混乱なくアセットを引き渡すのに役立ちます |
| ワークフローフィット | 入力サポートと優先エクスポートは異なる場合があります。 |
PNG
強み
- Widely understood for transparent assets
- Reliable handoff for slides, listings, stickers, and design comps
- Clear mental model: cutout → transparent PNG
トレードオフ
- 多くの場合、同等の画質で最新の写真形式よりも大きくなります
- すべての Web サイト パイプラインにとって常に最も効率的な配信形式であるとは限りません
Easy Background Remover の場合、実際の透明性が必要な場合、PNG が実用的なエクスポートの答えとなります。
WebP
強み
- ウェブ上でよくあること
- フォーマットファミリーとして透明性をサポートできます
- 多くのアセットでは PNG よりも小さいことがよくあります
トレードオフ
- サポートとチームの精通度は目的地によって異なります
- すべてのハンドオフ パートナーが WebP をデフォルトのカットアウト マスターとして期待しているわけではありません
Web から画像を保存するときの入力として役立ちます。この製品のカットアウト ワークフローでは、PNG がより明確なエクスポート デフォルトのままです。
AVIF
強み
- 最新の圧縮効率
- 配信形式として一般的になってきています
トレードオフ
- 多くのワークフローでは、チームやツールの広範な理解が PNG に比べてまだ遅れています。
- すべてのユーザーのデフォルトの透過マスターではなく、可能なソース形式として扱うのが最適です。
オリジナルが AVIF として到着した場合、それを入力として開くと、変換の手間を省くことができます。透明なカットアウトを PNG としてエクスポートすると、結果を簡単に再利用できます。
基準テーブル (クイックビュー)
|必要 | | に向かって傾ける |------|---------------| |再利用可能な透明マスター | PNG | |ウェブサイトからのソース画像 | WebP または AVIF が入力として表示される場合があります。 |チームメイト間の最大限の親密度 | PNG | |配信の最適化は後で |パイプラインで必要な場合はクリーン マスターから変換する | | 「私の携帯電話の写真は大丈夫ですか？」 |サポートされている入力を開き、PNG カットアウトをエクスポート |
実用的なワークフロー ルール
入力と出力を分ける:
- 入力: すでにサポートされているソースを使用します。
- 透明なカットアウトの出力: 特定の出力先で別途必要な場合を除き、PNG を優先します。
このルールにより、現代のフォーマットについて議論しながら誤って透明性を落としたり、協力者を混乱させたりするというよくある罠を防ぐことができます。
サイズプレッシャーが実際の場合
カタログの量が多く、配信サイズが重要な場合は、次の 2 つの層を維持します。
- きれいな透明なマスター (通常は PNG)
- サイトのパイプラインで必要な場合は、ダウンストリームの最適化された配信バージョン
最初にマスターを最適化しないでください。不正なエクスポートからの回復は、明確なソース資産を保管するよりもコストがかかります。
よくある間違い
間違い 1: 新しい形式という理由だけで形式を選択する
新しい方がカットアウトハンドオフにとって自動的に明確になるわけではありません。
間違い 2: すべてのフォーマットがすべてのツールで同じ方法で透明性を維持すると仮定する
宛先がアルファを受け入れることを常に確認してください。
間違い 3: カットアウトの品質を確保する前に配信を最適化する
まずエッジと透明度を修正してから最適化します。
間違い 4: インプットとエクスポートを 1 つの決定として扱う
それらは同一ではなく関連しています。
この製品でのフォーマットオープンの期待については、サポートされる画像フォーマットを参照してください。透明度の概念自体については、透明 PNG とは何ですか? を参照してください。