チュートリアル

透明なPNGを作成する方法(免费、Photoshop不要)

デザインスキル不要のステップバイステップガイド

透明なPNGはアルファチャンネルを持つPNGファイルです — ピクセル単位の透明度を制御するファイルの部分。32ビットPNG形式はフル8ビットアルファをサポート,这意味着每个像素都可以设置为完全透明、完全不透明或两者之间的任何值。このガイドでは、透明なPNGを作成するための3つの主な方法、一般的な落とし穴、商品写真、ロゴ、ポートレートに推奨するワークフローを説明します。

透明なPNGはウェブ上で最も普遍的に有用な画像形式です。すべての сучасних画像エディター、ブラウザ、デザイン工具、eコマースプラットフォームがそれを読み取れます。このガイドでは、透明なPNGを作成するための3つの主な方法、32ビットPNGを24ビットPNGにする落とし穴、クリーンでプロフェッショナルな結果を生成するエクスポート設定を説明します。

PNGを「透明」に的是什么?

PNGはアルファチャンネル 있을 때透明になります — ピクセル単位の透明度を存储する4番目のチャンネル(R、G、Bの後)。24ビットPNGはRGBのみを持ち、各ピクセルは完全に不透明です。32ビットPNGはRGBAを持ちます。アルファチャンネルが背景を消すものです。BGRemoverから切り抜きを保存すると、出力はフル8ビットアルファを持つ32ビットPNGです — 各ピクセルは256の透明度レベル任何一个に設定できます。

一般的な落とし穴

「透明なPNG」が実際に透明でない最も一般的な理由:ファイルが24ビットPNG而不是32ビットで保存されたためです。24ビット形式にはアルファチャンネルがありません。画像エディターのファイルプロパティ常に確認してください — Photoshopは24ビットで「チャンネル:RGB」と表示され、32ビットで「チャンネル:RGB + アルファ」と表示されます。

PNG vs WebPの的使用时机

PNGは最も安全な形式 — レガシーソフトウェアを含むすべての画像エディター、ブラウザ、デザイン工具がサポートします。WebPは透明度をサポートし、同じ視覚的品質に対して25〜35%小さく、すべての最新ブラウザでサポートされています。マスターファイルにはPNGを使用し、ウェブ配信には alongside てWebPバージョンをエクスポート。印刷には、PNGがマスターファイルです — 印刷所とプリプレス工具はそれを 선호します。

ステップバイステップ

1

正しいソース画像を選択

ソースは固体背景上にある必要があります(白、明るいグレー、または任意の均一な色)。AIは背景色を削除する指のヒントとして使用します。忙しい背景(群衆の中に立っている人、柄物の背景上の商品)でのソースは、背景ブリードと共に粗い切り抜きを生成します。

2

BGRemoverにアップロード

ワークスペースを開き、ソース画像をドロップ。AIは被写体を検出し、透明なPNGを生成します。典型的な2000x2000 px画像では処理に3〜5秒かかります。出力は元の解像度を維持します — 4000x4000 pxのソースは4000x4000 pxの透明なPNGを生成します。

3

デフリンジオプションをオン

デフリンジオプションは、クリーンな透明なPNGのための最も重要な設定です。これは、半透明ピクセルの端に現れるカラフルなハローを、エッジの色を完全に透明なピクセルに置き換えることで削除します。結果は、PNGが合成される任意の背景上でシャープでクリーンなエッジになります。

4

PNGとしてエクスポート(JPGではなく、WebPではなく)

エクスポート形式としてPNGを選択。JPGは透明度をサポートしていないため、エクスポートは失敗するか白い背景にフラット化されます。WebPは透明度をサポートしますが、PNGは画像エディター、ブラウザ、デザイン工具間で最も広くサポートされている形式です。マスターにはPNGを使用し、ファイルサイズが重要な場合はウェブ用にWebPをエクスポートしてください。

5

透明度を検証

任意の現代的な画像ビューアまたはブラウザでエクスポートされたPNGを開く。透明な領域はチェッカーパターンとして表示される必要があります。背景が純粋な白の場合、アルファチャンネルが欠落しており、ファイルは24ビットPNG而不是透明度を持つ32ビットPNGです。透明な背景オプションを有効にしてBGRemoverから再エクスポート。

一般的な質問

このワークフローについての快速回答

24ビットと32ビットPNGの違いは何ですか?

24ビットPNGはRGBチャンネルのみ(アルファチャンネルなし) — 各ピクセルは完全に不透明です。32ビットPNGは8ビットアルファチャンネルを追加し、これが透明度を可能にします。切り抜きに透明度がまったくない場合は、24ビットPNGであり、BGRemoverから再エクスポートする必要があります。

透明なPNGを任意の画像エディターで開けますか?

Photoshop、Figma、Sketch、GIMP、Affinity Photoはすべて透明なPNGをサポートしています。古い工具(MS Paint、非常に古いmacOSバージョンのPreview)は透明度を表示せず、背景を白として表示します。最も信頼性の高い表示については、最新のブラウザ(Chrome、Firefox、Safari)でファイルを開いてください。

透明なPNGはJPGよりファイルサイズが大きいですか?

はい、通常2〜5倍大きいです。PNGは无损形式です。JPGは有损形式です。透明度が必要な場合はトレードオフの価値があります。ウェブ配信には、PNG alongside てWebPバージョンをエクスポートすることを検討してください — WebPは通常、同じ品質に対して25〜35%小さくなります。

自分の画像で試す準備ができましたか?

免费クレジット、サignup不要、透かしなし。最初の写真をアップロードし、1分以内に結果を確認。