プロ品質の掲載写真に仕上げる、フルHDの車の背景編集

車の写真の背景をフルHDで編集するかどうかで、どの画面でもくっきり見える掲載写真になるか、購入希望者がピンチで拡大したとたんにぼやけたり、切れたり、ドットが粗く見えたりする写真になるかが分かれます。カーセンサーやグーネットなどの中古車情報サイトでは、端末によって画像の表示サイズが変わります。低解像度のまま背景を差し替えた写真は、タブレットやパソコンのモニターで見られた瞬間に粗が出てしまいます。

この記事では、目指すべき解像度の基準、フルHDで映える車の写真の背景、在庫を掲載するすべてのプラットフォームでくっきり見えるファイルの書き出し方を解説します。

フルHDの背景編集で解像度が重要な理由

フルHDとは、最低でも1920×1080ピクセルのことです。この解像度があれば、パソコンのモニターやタブレット、高解像度のスマホ画面で表示しても、車の写真の背景のディテールが保たれます。これを下回ると、2つの問題が起きます。購入希望者が大きな画面で掲載ページを見たときに背景が粗く見えること、そして掲載サイトのアルゴリズムが、より高品質な競合の写真を優先し、自社の写真を後回しにする可能性があることです。

販売店にとって難しいのは、多くのスマホが12MP(4000×3000)とHDを大きく上回る解像度で撮影できるのに、ツールが出力を圧縮したり、内部で低い解像度で処理したりすると、背景の差し替えの段階で品質が落ちてしまう点です。使っている車の写真の背景編集ツールが、元の画像と同じかそれ以上の解像度で書き出せるか、必ず確認してください。

フルHDで使える車の写真の背景

すべての背景テンプレートがフルHDできれいに表示できるわけではありません。高解像度でも見劣りしない背景と、粗が出てしまう背景をまとめました。

背景の種類

HDでの見え方

高解像度でよくある問題

単色(白・グレー)

非常に良い

なし。どの解像度でもきれい。

グラデーション(明るい色から暗い色へ)

非常に良い

圧縮しすぎるとバンディング(色の段差)が出る

ショールームの室内(3Dレンダリング)

良い

低品質なレンダリングは、最大まで拡大すると質感が平板に見える

屋外の風景(写真)

元画像がHD以上なら良い

元写真がHD未満だと、くっきりした車の後ろで背景のぼやけが目立つ

抽象的・アート系

ものによる

全画面表示で模様の繰り返しやジャギーが見える

販売店が日常的に使うなら、単色、グラデーション、高品質なショールームのレンダリングが最も無難です。どの拡大率でもくっきりしたままで、車のディテールから視線をそらしません。

HDの背景編集のための書き出し設定

撮影時に解像度を確保しても、それで半分です。購入希望者が実際に目にする写真は、書き出し設定で決まります。掲載サイト向けの書き出しチェックリストを紹介します。

車の写真の背景:HD書き出しチェックリスト

  • 解像度:最低でも1920×1080で書き出します。自社サイトのメインビジュアルには2400×1600のほうが適しています。
  • 形式:Web用にはWebP(同等の品質でファイルサイズが最も小さい)。どこでも使える予備としてJPEG。透過が必要な場合のみPNG。
  • ファイルサイズ:1枚あたり200KB未満を目安にします。ファイルが大きいとページの読み込みが遅くなり、掲載ページのSEOにも悪影響が出ます。
  • 縦横比:掲載先のサイトを確認します。Cars.comは4:3です。Facebook Marketplaceはさまざまな比率でトリミングされます。必要な比率のうち最も横長のもので書き出し、トリミングはプラットフォームに任せます。
  • カラープロファイル:Web表示にはsRGB。Adobe RGBやCMYKで書き出すと、ほとんどの画面で色がずれるため避けます。
  • ファイル名:STK4521-front-quarter-studio-hd.webpのように内容がわかる名前にし、IMG_4582.jpgのような名前は避けます。

この設定にしておけば、ページの読み込み時間を増やさずに、どの端末でも車の写真の背景をプロらしく見せられます。

フルHDの背景編集でよくある失敗

解像度に関するミスは、販売店の在庫写真で特によくある品質の問題です。注意したい点を挙げます。

失敗1:高解像度の車に低解像度の背景を使う。車を12MPで撮影しても、背景テンプレートが800×600なら、その差はひと目でわかります。車はくっきりしているのに、背景はぼやけたポスターのように見えてしまいます。背景テンプレートは必ず1920×1080以上のものを使いましょう。

失敗2:書き出し時に圧縮しすぎる。JPEGを強く圧縮するとファイルサイズは減りますが、車のエッジまわり、つまり購入希望者が最もよく見る部分にノイズが目立つようになります。JPEGの品質は最低でも80〜85%に保つか、同じようなノイズの問題を起こさずにファイルを小さくできるWebPを使いましょう。

失敗3:プラットフォームごとの縦横比の違いを無視する。16:9で完璧に見える背景も、掲載サイトが4:3で表示すると不自然に切れることがあります。掲載前に、必ず掲載先の縦横比で仕上がりを確認しましょう。複数のサイトに掲載するなら、必要な比率のうち最も横長のもので書き出します。

失敗4:拡大チェックを省く。書き出す前に、加工したすべての画像を100%表示で確認しましょう。サムネイルでは見えないエッジのノイズ、影の不自然さ、解像度のずれも、購入希望者がスマホでピンチして拡大すれば一目瞭然です。

車のHD壁紙と背景のライブラリづくり

テンプレートライブラリを整理しておけば、時間を節約でき、上で挙げた解像度のミスも防げます。カテゴリと解像度のランクで分けて整理しましょう。

フォルダを3つ作ります。標準(普段の掲載用、1920×1080)、プレミアム(自社サイトのメインビジュアルや販促用、2400×1600以上)、SNS用(InstagramやFacebook用の正方形、1080×1080)です。各フォルダには、自社のブランドに合ったスタイルで、テスト済みのテンプレートを2〜3種類ずつ入れておきます。

すべてのテンプレートファイルに、解像度とスタイルがわかる名前を付けます。例:studio-white-1920x1080.webp、outdoor-scenic-2400x1600.webp。こうしておけば、スタッフがうっかり低解像度の背景を使うことがなくなり、チームの誰もが迷わず正しいテンプレートを選べます。

ライブラリは四半期ごとに見直して更新しましょう。掲載サイトの表示基準が変わり、画面の解像度が上がれば、テンプレートもそれに合わせる必要があります。2年前はくっきり見えていたものが、今の端末ではもう甘く見えるかもしれません。

掲載サイト別:車の写真の背景に必要な解像度

主な掲載サイトはそれぞれ表示の仕方が異なり、HDの背景が購入希望者にどう見えるかに影響します。

Cars.comは、掲載ページの表示形式によって在庫画像をさまざまなサイズで表示します。一覧のサムネイルは小さいものの、詳細ページでは画像が大きく拡大されます。低解像度で処理した車の写真の背景は、この詳細ページで粗が出ます。どちらの表示でもきれいに見せるには、最低でも1920×1080で書き出しましょう。

CarGurusはギャラリー形式のビューアーを採用しており、スマホではほぼ全画面サイズで画像をスワイプして見られます。この表示では、車そのものはくっきりしていても低解像度の背景は目に見えてぼやけ、ちぐはぐさがはっきりわかります。

Facebook Marketplaceは、アップロードされた画像を強く圧縮します。元の解像度を高くしておけば、その圧縮の影響を抑えられます。1920×1080でアップロードした車の写真は、1280×720でアップロードしたものよりも、Facebookの圧縮後もきれいに残ります。

掲載前に車の写真の背景の品質を確認する方法

加工した画像ごとに30秒の品質チェックをすれば、恥ずかしい品質の問題が購入希望者の目に触れるのを防げます。次の簡単な手順で確認しましょう。

書き出した最終ファイルを100%表示で開き、3つの点を確認します。1つ目は車のまわりのエッジです。特にミラーやホイールハウスのまわりが、ハローや色のにじみがなくきれいかどうか。2つ目は車の下の影です。新しい背景の上で、貼り付けたようにも暗すぎるようにも見えず、自然かどうか。3つ目は、背景画像のシャープさが車そのものとそろっているかどうかです。車がくっきりしているのに背景がぼやけていれば、解像度のずれは一目瞭然です。

一括処理の場合は、すべてのファイルを見るのではなく、1台につき1枚を抜き取りで確認します。重点的に見るのは斜め前からの写真です。エッジが最も複雑で、ふつうは購入希望者が中古車情報サイトの掲載ページで最初に目にする写真だからです。

まとめ

フルHDでの背景編集は、単なる技術的な細部ではありません。どの端末でもプロらしく見える掲載写真になるか、購入希望者が拡大したとたんに粗が出る写真になるかの分かれ目です。書き出し設定は最低1920×1080に固定し、背景の解像度を元の写真に合わせ、掲載前に拡大チェックをすばやく済ませましょう。まずは次に入庫する車でCarBGを無料で試すことから始めて、フルHDの背景編集で在庫全体がどう見えるかを確かめてください。

よくある質問

フルHDで車の写真の背景を編集するとき、解像度はどのくらいにすべきですか?

通常の掲載サイト用なら、最低でも1920×1080ピクセルで書き出します。自社サイトのメインビジュアルや販促物には、2400×1600以上を目安にしてください。くっきりした車とぼやけた背景のちぐはぐさを防ぐため、必ず元の写真と同じかそれ以上の解像度にしましょう。

HDの車の写真の背景に最適なファイル形式は?

Web用にはWebPが最適です。同等の品質でも、JPEGよりファイルサイズを小さくできます。JPEGは、WebPに対応していないプラットフォーム向けの予備として使えます。PNGは、切り抜き画像で透過が必要な場合にだけ使いましょう。ページをすばやく読み込めるよう、ファイルサイズは200KB未満に抑えます。

加工後に車の写真の背景がぼやけて見えるのはなぜですか?

最も多い原因は、車の写真と背景テンプレートの解像度のずれです。車を12MPで撮影していても、背景テンプレートが800×600ピクセルしかなければ、車はくっきりしているのに背景は甘く見えます。この問題を防ぐには、必ず1920×1080以上の背景テンプレートを使いましょう。

車の写真の背景に出る圧縮ノイズを防ぐには?

書き出し時のJPEGの品質は、最低でも80〜85%に保ちます。強く圧縮すると、車のエッジまわり、つまり購入希望者が最もよく見る部分に、ブロック状のノイズがはっきり出ます。WebPは同じファイルサイズならJPEGより圧縮に強いため、販売店の掲載写真にはWebPがおすすめです。

車のHD壁紙を掲載写真の背景テンプレートに使えますか?

技術的には使えますが、先に2つの点を確認してください。壁紙の解像度が1920×1080以上であること、そして商用利用の権利があることです。ネットで見つかる壁紙の多くは著作権で保護されており、商用の掲載には使えません。背景編集ツールに用意された専用の背景テンプレートなら、商用利用の権利が含まれているので、いつでもより安全な選択です。

販売店はHDの背景テンプレートをいくつ用意すべきですか?

解像度のランクごとに、使うテンプレートが2〜3種類あれば十分です。メインのスタジオ風の背景を1つ、トラックやSUV向けのライフスタイル系を1つ、必要に応じて自社サイト用のブランド入りテンプレートを1つ用意します。解像度別(標準1920×1080、プレミアム2400×1600以上、SNS用1080×1080)に整理しておけば、スタッフはいつでも掲載先に合ったファイルを選べます。

画像の説明

Tamas Magda

Car Background AIの共同創業者(事業成長・提携担当)

Tamas Magdaは、Car Background AI(carbackground.ai、CarBG)の共同創業者です。CarBGは、販売店の在庫車の写真の背景を差し替える、車の写真向けの画像編集AIです。提携、事業成長、事業設計を統括し、開発チームとは製品ロードマップを、販売店とはオンライン掲載に本当に必要なことを一緒に考えています。APAC(アジア太平洋)とMENA(中東・北アフリカ)で新規事業の立ち上げに携わってきた経験を持ち、在庫車の見せ方や販売店の写真ワークフロー、車そのものを変えずに掲載画像にAIを活かす方法について執筆しています。

TamasはCar Background AIの共同創業者であり、同社に金銭的な利害関係があります。Car Background AIに触れる記事には、この立場が反映されています。