商品画像の切り抜き:白背景を透明にして素材化するコツ

公開日

EC用の商品画像やレビュー記事を書くとき、

白背景を切り抜きたい

  • 画像の白背景がデザインに合わない
  • 商品だけ切り抜いて使いたい

と思うことがあります。

この記事では、商品画像の「切り抜き(背景を透明化)」の考え方と、失敗しにくいコツをまとめます。

商品画像を切り抜くと便利な場面

  • ブログのアイキャッチに配置したい
  • 比較表やまとめ画像に並べたい
  • バナーやサムネイルに重ねたい

など、背景が透明だと使いやすくなります。

切り抜きの基本:背景を透明にする

「切り抜き」といっても、やることは

  • 背景(白)を透明にして
  • 透過PNGとして保存する

のが基本です。

Petanko Imageの白背景透明化がおすすめな理由

Petanko Imageの白背景透明化ツールは、

  • ブラウザだけで処理できる
  • 画像ファイルを外部サーバーへ送信しない

という特徴があります。 だから、商品画像の素材化にも使いやすいのです。

きれいに切り抜くコツ

1)白背景がはっきりしてる画像を使う

背景が「ほぼ白」で影が強い場合は、境界が気になることがあります。

可能なら、背景がはっきりした画像を選ぶと仕上がりが安定しやすいです。

2)白い部分が商品に含まれていないか確認する

白い服・白いラベル・白いパーツなどがあると、透明になりすぎることがあります。

プレビューで確認して、必要なら別画像に変えるのが安心です。

【画像例】

圧縮前のPNG画像
Before
圧縮後のPNG画像
After

これからも、Webで素材画像を作りやすくなるよう、改善を続けていきます。

関連ツール

お知らせ一覧へ戻る