忍BGNINJA ツールを開く → ◐

---

透明なPNG画像について、 分かりやすく解説

誰もが「背景が透明なPNG画像」を求めていますが、それが実際に何であるか、なぜJPGでは実現できないのか、またはなぜ髪の毛の部分が常に問題になるのかを説明できる人はほとんどいません。ここでは、そのすべてをわかりやすい言葉で解説します。

高解像度。透かしなし。本当に無料です。多くの背景除去ツールは、625×400のプレビューを提供し、実際のファイルに対して料金を請求します。このツールはそうではありません。

切り抜いた写真は送信されるとすぐにサーバーから削除されます。消しゴムや修復ブラシ、または被写体の背景に色を追加したいですか？ フルエディターを開く.

アルファチャンネル：ピクセルごとの4番目の数値

デジタル写真はピクセルのグリッドで構成されており、通常、各ピクセルには次の3つの数値が保存されます。 赤, 緑 そして 青 光を表示します。これらを混ぜ合わせると、画面上のあらゆる色になります。透明な画像は、4番目の要素（アルファチャンネル）を追加し、その不透明度を示します。 アルファチャンネルつまり、 不透明度 ピクセルの不透明度を表し、通常0（完全に透明）から255（完全に不透明）の間で設定されます。

このたった一つの追加の数値が、すべてを可能にする仕組みです。ブラウザ、デザインアプリ、またはスライドショーソフトが画像を描画する際、各ピクセルをそのアルファ値に応じて、背景にあるものとブレンドします。アルファ値が0のピクセルは完全に消え、アルファ値が128のピクセルは、自分自身の半分と背景の半分を表示します。有名な 白黒の市松模様 は、エディターで表示されるものであり、実際には画像の一部ではありません。「ここには何もない」という状態をソフトウェアが視覚化したものです。

その中間的な範囲は、ほとんどの人が考えている以上に重要です。現実世界の物体は、明確な線で終わることはありません。髪、毛皮、ガラス、煙、そして柔らかい影などは、すべて徐々に薄れていきます。部分的なアルファ値を使用することで、切り抜いた画像が写真のように見え、ハサミで切ったステッカーのような印象を与えることができます。

PNG vs JPG vs WebP

すべての画像形式が、この4番目の数値を保存できるわけではなく、ここから多くの混乱が生じます。

JPGにはアルファチャンネルがありません。 このフォーマットは、90年代初頭に写真の圧縮を目的として設計されました。写真はフレーム全体を埋め尽くします。切り抜き画像をJPGで保存すると、透明部分は気づかないうちに単色の背景（通常は白）に塗りつぶされ、完全に失われます。そのため、誰かが「透過PNG」を送ってきても、ロゴの周りに白い枠が表示されるのです。

PNGが最も安全なデフォルト設定です。 アルファチャンネルはロスレスで保存され、あらゆるツールで利用でき、オンラインストア、印刷サービス、デザインアプリでも標準的に使用されます。ただし、ファイルサイズが大きくなるというデメリットがあります。たとえば、詳細な写真の切り抜きをPNG形式で保存すると、同じ画像をJPG形式で保存した場合よりも数倍大きくなることがあります。

WebPは、現代的な中間的な選択肢です。 完全な透明度に対応し、通常はPNG形式よりも25〜35％小さく圧縮されるため、ウェブサイトでよく使用されます。唯一の欠点は、ブラウザ外での互換性です。一部の古いデザインツール、刺繍/印刷サービス、アップロードフォームではまだサポートされていません。一般的なルールとして： 自分のウェブサイトではWebPを使用し、それ以外の場所にはPNGを送信します。

なぜ輪郭線、特に髪の毛が難しいのか

コーヒーカップの切り抜きは簡単です。輪郭線は滑らかな曲線で、各ピクセルは明確にカップの一部か背景の一部かが分かります。しかし、髪の毛の処理は別の問題です。一本の髪の毛はしばしば 1ピクセルよりも細いため、その髪の毛が通るピクセルはブレンドされた色になります。たとえば、30％が髪の毛の色で、70％が背景の色という具合です。そのピクセルに対して「残すか削除するか」という明確な答えはありません。唯一正直な答えは 部分的な アルファチャンネルです。

したがって、優れた背景除去ツールは、同時に2つの問題を解決する必要があります。まず、 各輪郭線のピクセルに対して適切な不透明度を 推定します。これが、ギザギザの紙人形のような輪郭線を滑らかで自然な髪に見せるように変換するのです。次に、 ブレンドされたピクセルから古い背景の色を 除去します。たとえば、30％がブロンドの髪の毛で70％が青空だったピクセルには、まだ青色が残っています。もしその青色を除去しなければ、切り抜かれた画像に古い背景のぼやけた輪郭が残り、新しい背景に映ってしまいます。このぼやけは、粗悪な切り抜きであることを示す明らかな兆候です。

セグメンテーションモデルが真価を発揮するのはまさにこの場合です。何百万もの髪、毛皮、ぼやけた輪郭の画像を見て学習し、単純な白黒のマスクではなく、適切なアルファ値を予測するようになりました。そのため、背景とのコントラストがある場合に最も効果的な結果が得られます。詳しくは、完璧に切り抜ける写真の撮り方に関する ガイドをご覧ください。.

実際に透明度が活用されるのは、PNG形式の画像です。

• 製品写真：製品を一度だけ切り抜き、その後、マーケットプレイスでは純白の背景に、広告ではブランドカラーの背景に配置します。販売者向けの 白背景ガイドをご覧ください。
• ロゴ：ロゴに白い枠が組み込まれていると、どんな色のページにも不自然に見えます。透明なPNGであれば、どんな背景にもきれいに表示できます。
• プロフィール写真とアバター：自分自身を切り抜き、LinkedIn、Slack、またはDiscordで、きれいな色やグラデーションを背景に配置します。
• YouTubeのサムネイルとポスター：「大きなテキストの前で人物が浮かび上がっている」という定番のデザインは、透明な画像をデザインの上に重ねたものです。
• ステッカーとミーム：メッセージングアプリでは透明なPNG形式が期待されるため、ステッカーはその主題の形だけを表示します。
• プレゼンテーションとコラージュ：画像が白い長方形の中に浮かぶのではなく、スライドに自然に溶け込むように表示されます。

よくある質問

投稿者 サム・リダー —私は自分のハードウェアでBGNinjaを構築し、自分で運営しています。 私について.