ロゴから背景を削除する方法:数秒で透明PNG
AIでロゴから背景を削除し、透明PNGに。テキスト、アイコン、細部のクリーンなエッジ。
Content Lead
レビュー担当 Magic Eraser Editorial ·

背景が透明なロゴは、すべてのブランドに必要でありながら、多くのブランドが持っていない基本的なビジネス資産です。ロゴはウェブサイトのヘッダー、メール署名、ソーシャルメディアのプロフィール、プレゼン資料、グッズ、請求書、提携用の資料など、さまざまな場面で使われます。そして、そのどの場面でも、周囲の背景がどんなものであっても、すっきりと馴染む必要があります。周囲に白い四角が見えているロゴは、素人っぽく見えてしまいます。
元のロゴファイルが失われている場合(歴史の長いビジネスではよくあることです)、デザイナーからJPEGしか受け取っていない場合(予算重視のデザイナーではよくあることです)、あるいはクライアントがスクリーンショットで送ってきたロゴを扱っている場合(代理店業務ではよくあることです)でも、AIによる背景除去なら数秒できれいな透明バージョンを作成できます。
このガイドでは、ロゴの背景除去について解説します。ソースファイルの準備から、ロゴ特有のエッジの難題、すなわち細いテキストのストローク、グラデーションカラー、半透明の要素、細かいアイコンのディテールへの対処までを取り上げます。
- 背景が透明なロゴは、ウェブサイト、プレゼンテーション、グッズ、ソーシャルメディアに必要な基本的なビジネス資産です。
- AIによる背景除去は、JPEG、スクリーンショット、スキャン、印刷されたロゴの写真など、あらゆる形式のロゴから透明なPNGを作成します。
- ロゴのエッジは写真の背景よりも高い精度が求められます。テキストのセリフ、細いストローク、アイコンのディテールはピクセル単位で正確である必要があります。
- 元のファイルを失っていることが、ビジネスがロゴの背景除去を必要とする最も一般的な理由です。AIはあらゆるソースから使える資産を復元します。
- 透明なロゴはPNGとして書き出します。透明をサポートしないJPEGは決して使いません。
- 処理は30 seconds未満で完了し、ソースファイルを求めて元のデザイナーに連絡する必要がなくなります。
すべてのビジネスに透明ロゴが必要な理由
背景が透明なロゴ(多くはアルファチャンネルを持つPNGファイル)は、あらゆるロゴにとって最も汎用性の高い形式です。どんな色の背景にもすっきりと馴染みます。ウェブサイトのヘッダー、暗いプレゼンスライド、色付きのソーシャルメディア投稿、製品パッケージのモックアップ、提携先のウェブサイトなど、どこでも対応できます。透明性がないと、ロゴはどこへ行っても元の背景色の四角が目立つままになってしまいます。
この白い四角の問題は一目でわかるもので、どんな場面でも例外なく非専門的に見えてしまいます。白い背景のロゴを暗いウェブサイトのヘッダーに置くと、ロゴ本体よりも白い四角の方が目立ってしまいます。色付きのPowerPointスライドでは、四角がスライドのデザインと衝突します。グッズでは、白い背景のせいで配置できる場所が白い部分だけに限られてしまいます。
熟練したデザイナーは、透明性が組み込まれたベクターファイル(SVG、AI、EPS)でロゴを納品します。しかし、多くのビジネスは時間の経過とともにこれらのファイルを失ったり、予算重視のデザイナーからJPEGバージョンしか受け取っていなかったり、合併や提携、クライアントとの関係を通じて元ファイルが手に入らない形でロゴを取得したりしています。AIによる背景除去は、どんなソースが存在していても、そこから使える透明バージョンを復元します。
最高の背景除去のためにロゴを準備する
背景除去の品質は、ソース画像の品質に直接左右されます。最適なソースは、無地でコントラストのある背景に置かれたロゴの高解像度PNGまたはJPEGです。最も悪いソースは、エッジ周辺にノイズのある小さく圧縮されたJPEGですが、それでも使える結果は得られます。
ロゴのバージョンが複数ある場合は、最も大きくきれいなものを使いましょう。印刷品質のPDFから取り出したロゴは、ウェブサイトからスクリーンショットしたロゴよりも良い結果になります。600 DPIで名刺をスキャンして抽出したロゴは、メール署名のサムネイルよりも優れた仕上がりになります。
複雑な背景や模様のある背景に置かれたロゴ(写真の上のロゴ、パターンのある表面のロゴ、コンテンツに重ねられた透かしのロゴ)でも、AIによる背景除去は機能しますが、ロゴの色と背景の色が似ている部分では2回目の処理が必要になる場合があります。白っぽい背景に細い白いテキストが入ったロゴは最も難しいケースです。可能であれば、コントラストのある背景に置いたバージョンを用意してください。
利用できるバージョンが非常に小さい(200px未満)場合のみであれば、背景除去の前にAIアップスケーリングを検討しましょう。先にアップスケーリングすることで、背景除去アルゴリズムが扱えるエッジのデータが増え、テキストや細かいディテールの周囲の境界がよりきれいになります。
テキスト、細いストローク、細かいロゴディテールの処理
ロゴには、通常の写真の背景除去では遭遇しない特有のエッジの難題があります。ロゴ内のテキスト、主にセリフ体のフォントや細い筆記体には、ウェブ解像度では幅が1ピクセルしかない細いストロークがあります。これらのストロークは、背景除去の過程で削れたり部分的に透明になったりすることなく、完全に保持されなければなりません。
Background EraserのAIは、テキストを含むグラフィック要素で訓練されています。そのため、汎用的な背景除去ツールよりもロゴのテキストをうまく処理できます。セリフのディテール(文字のストロークの先端にある小さな突起)、筆記体フォントの細いつなぎのストローク、幾何学的なサンセリフ文字の鋭い角が、すべてピクセル単位で保持されます。
グラデーションカラーのロゴ(暗い色から明るい色へと移り変わる色)の場合、AIはグラデーションを背景の一部ではなくロゴの一部として正しく認識します。これは、よりシンプルな背景除去ツールでよく起こる失敗のパターンです。場合によっては、グラデーションの明るい端を透明にすることもあります。
半透明の要素を持つロゴ(影、グロー、意図的に半透明にされたコンポーネント)の場合、AIは透明度のレベルを保持します。影は半透明のレイヤーとして残り、完全に不透明に変換されたり完全に除去されたりすることなく、どんな背景でも自然に馴染みます。
透明ロゴの書き出しと使用
透明なロゴは必ずPNGとして書き出してください。JPEGは透明をサポートしておらず、JPEGとして保存すると白い背景が追加され、本来の目的が損なわれてしまいます。PNGは、どのピクセルが完全に透明か、部分的に透明か、完全に不透明かを定義するアルファチャンネルを保持します。
用途に応じて複数のサイズで書き出しましょう。ウェブサイトのファビコンには32x32または64x64ピクセルが必要です。ソーシャルメディアのプロフィール画像には400x400以上が必要です。メール署名には幅200-300pxが必要です。プレゼンスライドには、高解像度ディスプレイで鮮明に見えるよう1000px以上が必要です。印刷用途には利用可能な最高解像度、少なくとも実際の印刷サイズで300 DPIが必要です。
ウェブ用には、品質を落とさずにPNGのファイルサイズを最適化しましょう。TinyPNGのようなツールは、目に見える品質の劣化なしにPNGファイルを50-70%圧縮します。ファイルが小さくなることで、せっかく作成したきれいなエッジを犠牲にすることなく、ウェブサイトでの読み込みが速くなります。
フル解像度の透明PNGをマスターファイルとして保存しておきましょう。他のすべてのサイズと形式は、このマスターから派生させることができます。ベクターファイルと一緒に、ブランド資産フォルダに含めておきましょう。透明PNGは最も汎用的に使える形式であり、提携先、プラットフォーム、協力者から最も頻繁にリクエストされる形式です。