背景削除と拡大、どちらを先にするべき？両方の順番を試しました

きれいな切り抜きと、より多くのピクセルの両方が必要な小さな写真があるなら、順番は少しだけ大事です。そして、ある理由で、以前はとても大事でした。結論を先に言うと、先に拡大して、それから背景を削除しましょう。私たちのテストでは、この順番のほうが輪郭が約20%シャープになり、デメリットはありませんでした。この記事では、テストの内容、数字、そのテストで見つかった私たち自身のアップスケーラーのバグ、そして順番が本当に関係ないケースを紹介します。

この疑問が生まれる理由

いちばんよく出てくるのは商品写真です。仕入れ先からグレーの背景の500ピクセルの画像が届き、ショップは真っ白な背景で1000ピクセル以上を求めている。作業は2つです。大きくすることと、背景を差し替えること。同じ組み合わせは、プロフィール写真（旅行の写真から自分を切り抜き、バナーに使える大きさにする）や、サムネイル、スライドでも出てきます。

どちらの作業もAIモデルが行い、どちらのモデルもピクセルに左右されます。背景削除は、どのピクセルが被写体に属するかを1つずつ判断します。アップスケーラーは、今あるピクセルの間に細部を作り出します。だから、どちらかを先にすれば、もう一方がうまく働けるのではないかと考えるのは自然なことです。

テストの方法

犬用の小さな布の靴4足を撮った写真を、480×360ピクセルに縮小して使いました。仕入れ先のサムネイルや、チャットから保存した画像くらいのサイズです。靴ひも、小さな金属のハトメ、ほつれた布、物と物のすき間など、失敗しやすい輪郭がそろっているので、テストにはうってつけです。

これを、私たちのツールで2つの順番で処理しました。

順番A（先に切り抜き）：480ピクセルの画像に背景削除をかけてから、AI画像アップスケーラーで4倍に拡大し、PNGで保存。
順番B（先に拡大）：アップスケーラーで4倍の1920×1440に拡大してから、大きな画像に背景削除をかける。

どちらの順番でも、最後は1920×1440の透過PNGになります。2つの結果をピクセル単位で比べ、輪郭のふちやもやがすべて見える鮮やかなマゼンタの背景の上で、100%表示で輪郭を確認し、各ステップの時間を測りました。

最初に起きた問題：黒い背景

順番Aの1回目では、自分たちのツールなのに予想外のことが起きました。拡大した切り抜き画像に、透過がまったく残っていなかったのです。透明になるはずの部分が、すべて真っ黒でした。

原因は仕組みにあります。アップスケーラーの中のAIモデルは、各ピクセルの赤・緑・青の値だけを読み、透明度は読みません。完全に透明なピクセルには意味のある色がなく、ブラウザはそれを黒として渡します。そのためモデルには黒い背景の上の靴に見え、それを忠実に拡大した結果、透過が消えてしまったのです。

その日のうちに修正しました。今のアップスケーラーは、画像に透過があるかどうかを確認します。透過があれば、空白の部分をいちばん近い輪郭の色で埋めた不透明なコピーをAIモデルに渡し（輪郭に黒が入り込まないように）、拡大したあと、元の透明度をなめらかに拡大したものを結果に重ね直します。透過を保存できないJPGを選んだ場合は、黒ではなく白い背景にのせるようになりました。

修正後、順番Aではきちんとした透過PNGができました。面積の61%が透明で、角もきれいです。2026年10月より前に、切り抜き画像や透過背景のロゴを拡大して黒い箱になってしまった方は、これが原因です。もう一度試してみる価値があります。

修正後の比較

両方の順番が正しく動くようになると、結果は予想以上に近いものでした。

輪郭の形は同じ。それぞれのバージョンがどのピクセルを「被写体」と判断したかを比べたところ、99.7%が一致しました。どちらの順番でも、同じ靴、同じ靴ひも、同じすき間が見つかりました。
輪郭のやわらかさは違う。被写体と背景の間にある半透明のピクセルの帯、つまり輪郭のやわらかい部分の幅を測りました。ツールが最初に使っていた軽いモデルでは、順番Aは輪郭1ピクセルあたり半透明のピクセルが16.6個、順番Bは13.2個で、順番Bの輪郭がおよそ20%引き締まっていました。パソコンがより高性能なモデルに切り替わったあとに同じテストをすると、8.6個と6.8個。差は同じく20%で、どちらの輪郭も以前の約半分のやわらかさになりました。
どちらも黒いふちは出ない。半透明の輪郭ピクセルの平均の明るさは、Aが75.2、Bが75.6。修正によって切り抜きのまわりに黒いふちが残ることはありません。

なぜ輪郭はBのほうがいいのでしょうか。順番Aでは、輪郭が480ピクセルの画像の上で決まり、それが4倍に引き伸ばされます。そのため「被写体」から「背景」への変わり目が、4倍のピクセルに広がってしまいます。順番Bでは、背景削除が1920ピクセルの画像の上で輪郭を決めるので、変わり目がフル解像度で描かれます。

その20%はどれくらい目に見えるのでしょう。マゼンタの背景で100%表示にしても、2つを見分けるには靴ひもとハトメをじっくり見る必要がありました。白い商品ページにふつうのサイズで載せれば、誰も気づかないでしょう。本当にある違いですが、小さな違いです。

時間と手間

処理の重さはほとんど変わりません。いまパソコンで使っているモデルでは、背景削除は小さな画像で1.5秒、1920×1440の画像で1.8秒でした。モデルは常に写真を1024ピクセルで見るからです。アップスケーラーはどちらの順番でも同じ時間で、モデルの読み込み後、この画像の4倍拡大で数秒です。どちらも、順番を選ぶ理由になるほどの差ではありません。

実用面で順番Aが有利な点が1つあります。1枚の写真から背景色の違う複数のバージョンを作るなら、切り抜きの拡大は1回で済みます。ただ、順番Bでも拡大は1回で済むので、これも引き分けです。

私たちのおすすめ

写真が小さく（長辺が約1000ピクセル未満）、どのみち大きくする必要があるなら：先に拡大してから背景を削除。輪郭が少しシャープになり、手間も増えません。
写真がすでに十分大きいなら：背景を削除するだけ。拡大のための拡大はしないでください。
すでに切り抜き画像があり、もっと大きくしたいなら：そのまま拡大してください。修正後は透過が残ります。
被写体が画面の中で小さいなら、どちらの作業の前にも、被写体の近くでトリミングしましょう。背景削除は写真を決まった内部サイズで判断するので、被写体が画面いっぱいなら輪郭がより細かくなります。AIが違うものを被写体だと判断したときにも、先のトリミングが役立ちます。私たちのテストでも、鮮やかな葉が残って灰色の猫が消えてしまいましたが、猫の近くでトリミングしたら直りました。

順番が関係ないとき

最終的な画像を白や色付きの背景にのせてJPGにするなら、輪郭のやわらかさはそれほど問題になりません。やわらかい輪郭が決まった色になじむからです。白背景の商品写真は、どちらの順番で作ってもふつうのサイズでは同じに見えます。背景削除で「白」を選ぶなら、そもそも失う透過がありません。

大きな写真でも関係ありません。3000ピクセルの写真をフルサイズで切り抜けば、輪郭の細部はすでに十分あります。さらに拡大しても、ほとんどファイルが重くなるだけです。

小さな商品写真の作業手順

少し余白を残して、商品の近くでトリミングする。
AI画像アップスケーラーで2倍か4倍に拡大し、ショップの最小サイズ（ズーム用に1000ピクセルが多い）に届かせる。写真がざらついていなければ、補正のスライダーは0のまま。
背景を削除して、「白」（ショッピングサイト用）か「透過」（デザインやスライド用）を選ぶ。
商品が画面のほとんどを占めるよう、もう一度トリミングする（たいていは正方形）。
白い背景のJPGで保存するか、透過が必要ならPNGかWebPで保存する。アップロードのフォームに対してファイルが大きすぎるなら、画像圧縮で指定したKB以下にできます。

ショッピングサイトの決まりや構図については白背景の商品写真の作り方のガイドで、透過を保ったままファイルを軽くする方法は背景を透過する方法のガイドで詳しく説明しています。2つ目のガイドでは、透過の切り抜き画像をWebPで保存すると、透過を保ったままPNGの約10分の1のサイズになることがわかりました。

ほかの作業にも同じ考え方を

この答えの背景にある考え方、つまり「輪郭や細部は、最終的に使ういちばん高い解像度で決める」は、よくある画像作業のほかのステップにも当てはまります。写真にいくつもの作業が必要なとき、私たちのテストでいちばんうまくいった順番はこうです。

まずトリミング。トリミングはピクセルを捨てる作業なので、ピクセルごとに時間がかかる作業より先に行います。そうすればアップスケーラーは残す部分だけに力を使えますし、とても大きな写真なら、AIモデルを使える上限（約1000万画素）以下に収まることもあります。
次に拡大。最終的な用途に必要なサイズまで。
3番目に背景の削除・差し替え。いちばんシャープな輪郭にするため、フルサイズで行います。
4番目に文字や図を加える。必要なら、拡大されるのではなくフル解像度で描かれるように、このタイミングで。
最後に圧縮。JPGやWebPで保存するたびに画質は少し落ちます。最後に一度だけ、必要なサイズや上限に合わせて圧縮しましょう。早い段階で圧縮してから編集すると、2回圧縮することになります。
共有の前にメタデータを削除。スマホの写真には撮影場所が入っていることがよくあります。メタデータ削除なら、画像を再圧縮せずに消せます。

すべての作業にすべてのステップが必要なわけではありませんが、順番を変える必要はめったにありません。

答え以外にわかったこと

このテストは読者からの質問に答えるために行いましたが、結果的に、ロゴやステッカー、切り抜き画像を拡大するすべての人に影響するバグを直すことになりました。うまく動くと思い込まず、実際の作業で自分たちのツールを試すべき理由がここにあります。順番の問いへの答えは控えめなものでしたが、そのために必要だったテストが、本当の問題を見つけてくれました。上の数字は1枚の写真から得たものなので、20%は法則ではなく傾向として受け取ってください。ただ、その傾向には筋が通っています。輪郭は、最終的に使ういちばん高い解像度で決めましょう。

よくある質問