TryLeaf使えるAIが、実例でわかる。
ホーム / 実践記事 / Canvaの背景透過:商品画像の背景削除と透明PNGを分けて確認
目的から選ぶCanva実用ガイド / 2026年10月14日公式確認

Canvaの背景透過:商品画像の背景削除と透明PNGを分けて確認

写真の背景を消してもページの背景は残ります。切り抜き、ページ構成、透明PNGの出力を分けて点検すると、白い背景が残る原因を絞れます。

編集:TryLeaf編集部
この記事の目次を開く

背景を消したい?透明な画像を保存したい?

Canvaで「背景透過」を探すと、写真の背景を取り除く機能と、ページ全体を透明にして保存する設定が出てきます。商品だけを切り抜くのは前者、別の画像やWebページに重ねるための透明PNGを作るのは後者です。写真を切り抜いても白いページへ置けば、通常出力には白い背景が残ります。

この記事は商品画像を作る人向けに、何を消すか、どの工程で有料表示が出るか、保存後にどこを見るかを整理します。背景削除と透明PNGの新しい実演ではありません。確認済みの無料編集画面と通常PNG、最新の公式手順から、次の作業を決めます。写真の背景を残したまま文字を入れる用途なら、切り抜きが必要かを先に考えましょう。

写真編集、ページ確認、透明PNG保存を分けた三段階の図
画像をタップ・クリックすると拡大できます。編集部の説明図。写真の背景削除と出力の透明設定を区別。

実例:SAMPLE 01の画像には、二つの背景が残っている

練習例は琥珀色の容器が写ったSAMPLE 01です。AIで作った架空の商品画像で、販売中の商品を撮影した写真ではありません。2026年10月13日に無料アカウントで1080角のページへ配置し、商品名を追加して通常PNGを保存しました。画像内のベージュの背景と、ページの白い余白が見えます。

背景付きの容器画像と商品名を白いページへ配置した無料PNG
画像をタップ・クリックすると拡大できます。2026年10月13日の実PNG。背景削除も透明出力もしていない比較用の練習例。

この画像を緑のバナーへ重ねたいなら、まず容器の周囲のベージュを取り除き、次にページの白い余白が透明になるよう出力します。白い商品カードの中で使うだけなら、背景のままでも成立する可能性があります。完成条件を「白背景の商品一覧へ載せる」「色付き背景へ重ねる」のどちらかに具体化すると、必要な操作が決まります。

表は左右にスクロールできます。

実PNGの検査結果意味
寸法1080×1080正方形の商品カード
色モードRGB透明度を持つアルファチャンネルがない
画面四隅白白いページが通常画像として保存されている

このファイルはPNGですが透明PNGではありません。ファイル名や拡張子だけで判断せず、透明度が保存されているかを確認する必要があります。「写真のベージュ背景」と「ページの白い余白」の両方が画像の色として残っています。

入力写真を整える:輪郭が分かる画像を使う

処理前に元ファイルを残し、商品、影、持ち手、細い部品のどこまで残すかをメモします。瓶の透明な縁や白い商品と白い背景の境界は、自動処理後に見直す候補です。商品を見やすく撮り直せるなら、背景との色の差、十分な明るさ、余白を整える方法もあります。AIが正しく切り抜ける保証はありません。

公式の説明では写真は9MB未満が対象で、ベクター画像は対象外です。10MPを超える写真は背景削除後に10MPへ縮小されます。容量を下げる際はラベルの文字が読めるかも確認してください。大きい原本を破棄する必要はなく、作業用のコピーを用意するとやり直せます。Canva公式:写真の制限と修正ブラシ

切り抜き後は、消す場所と戻す場所を分けて点検する

公式手順は、写真を選んで背景削除を使い、必要なら消去と復元のブラシで調整する流れです。操作できるプランでも、最初の結果だけで商品画像として合格にしないでください。容器の縁、蓋の角、ラベル、影を順に見ます。今回このブラシ操作は実施していないため、SAMPLE 01での切り抜き精度は未確認です。

検品の基準例は「ラベルの文字が欠けていない」「蓋と瓶の輪郭に穴がない」「元の背景色が細い縁に残っていない」の三つ。白背景で目立たなくても、濃い背景では白い縁が見えることがあります。実際の貼り付け先に近い色でも確認し、影を残すか削るかを統一します。複数の商品を並べるなら、商品ごとの大きさと接地感もそろえます。

透明PNGは出力設定。ページ内の白い図形も確認

写真を切り抜いた後、共有からダウンロードへ進み、PNGと背景透過の設定を確認します。最新の公式ヘルプでは対象プランと透明出力の手順が案内されています。JPGへ変更すると、透明PNGと同じ成果物にはなりません。用途を伝えず「画像でください」と依頼された場合も、透明な背景が必要か確認しましょう。Canva公式:透明な背景でダウンロード

PNG書き出し画面の背景透過設定にPro表示がある
画像をタップ・クリックすると拡大できます。2026年10月13日の実画面。通常PNGは保存済み、透過設定はオフ。

ページを白く見せている原因が背景色だけでなく、白い長方形や別の写真のこともあります。ページ背景を透明にする設定で、配置した図形まで必ず消えると思わないでください。写真の後ろや前にある素材を確認し、必要な文字や装飾まで消さないようにします。

保存したのに白く見えるときの切り分け

画像ビューアが透明部分を白で表示する場合があります。白く見えるだけで失敗と断定せず、色の付いたページへ重ねて確認します。それでも白い矩形が残るなら、透過設定、保存形式、ページ上の白い図形、写真の背景を順に調べます。編集画面の見た目と出力ファイルの両方を見ることが大切です。

結果がぼやける場合は、表示サイズに対して元画像が小さすぎないか確認します。輪郭の欠けは背景透明の設定では直らないので、写真の編集に戻ります。別のアプリへ貼った時だけ背景が付くなら、そのアプリの取り込み方法や形式を確認します。何度も同じAI処理を繰り返す前に、写真編集、ページ構成、出力、貼り付け先のどこで変わったかを記録しましょう。

表は左右にスクロールできます。

見え方戻る場所次に確認すること
商品周囲のベージュが残る写真編集背景削除が実行済みか。ページ透過だけでは写真の背景は消えない
商品周囲は消えたが白い四角が残るページと書き出し白い図形、透過設定、PNG形式
濃い色へ重ねると縁が白い背景削除の調整消去・復元で輪郭を確認。透明出力の設定では輪郭は直らない
PNGなのに重ねられない実ファイル透明度があるか。今回の通常PNGはRGBで透明度なし

一枚を合格にしてから商品数を増やす

最初の確認は、白背景と黒背景へ重ねた二つの見た目、商品名の読みやすさ、目的のサイズで十分です。透明にできたかと、商品を魅力的に見せられたかは別の評価です。SAMPLE 01の無料PNGは通常出力の練習素材として使い、切り抜き済みの素材と誤認しないでください。

背景透過・透明PNGの確認表

入力の権利、残す影、復元する縁、出力形式、貼り付け先の確認を記入します。未実施は未実施と残せば、後でやり直す場所が分かります。商品写真一枚で条件を決めてから横展開すると、切り抜きの不具合や背景色の不一致をまとめて増やすことを防げます。

保存名に「通常背景」「透明背景」を入れて区別すると、あとで素材を選ぶときに迷いにくくなります。完成ファイルの拡張子と、実際に重ねて確認した色を記録し、透明設定を見ただけの段階と実ファイルを確認した段階を分けて残しましょう。

確認条件と出典

公式確認2026年10月14日。実画面・通常PNGは2026年10月13日の無料アカウント記録を再利用。背景削除、ブラシ修正、透明出力の実行・精度は未確認。図は編集部作成。 2026年10月14日、通常PNGを1080×1080/RGB/透明度なしと実ファイル検査。公式単体リムーバー入口を確認したが処理・透明出力は未実施。