カタログサイトの製品写真：実践ガイド

カタログサイトでは、製品写真が見込み客の目に最初に入ることがよくあります。製品名や仕様を読むよりも先です。鮮明で整った写真は、買い手が製品をすぐに理解する助けになり、会社が仕事に真剣に取り組んでいる印象を与えます。反対に、暗い、ぼやけている、統一感がない写真は、製品がどれほど良くても、カタログをいい加減に見せてしまいます。写真以外に製品ページに必要な要素は、Googleにも買い手にも好まれる製品ページをご覧ください。

十分な写真を撮るのに、必ずしも高価なスタジオは必要ありません。大切なのは、統一感と計画です。本記事では、Webサイト用に製品を撮影するときに押さえておきたい実践的なポイントを解説します。

まず製品ごとの撮影リストをつくる

撮影を始める前に、製品ごとに必要な写真を決めましょう。すべての製品に同じリストを使えば、カタログに統一感が生まれ、チームが新しい製品を追加するのも簡単になります。

BtoBの製品でよく使われるリストは次のとおりです。

正面からのメイン写真：製品一覧や検索結果に表示される写真です。
側面または45度の角度からの写真：製品の形と奥行きを示します。
細部の写真：素材の質感、接合部、キャップ、製品の特徴となる部分などです。
サイズや比較の写真：身近な物や定規と並べて、大きさを把握しやすくします。
バリエーションの写真：用意されている色、サイズ、仕上げです。
使用中や梱包の写真：関連する場合は、使用中の様子や出荷用に梱包した状態を示します。

すべての製品に6種類すべてが必要なわけではありません。ただし、メイン写真は必ず用意し、すべての製品で同じ撮り方にしましょう。

統一した背景

カタログには、無地の白またはライトグレーの背景が最も無難です。製品が主役になり、すべての写真の背景がそろうため、製品一覧ページも整って見えます。背景には、大きな紙、無地の布、白いボードなどを使えます。

白い製品や透明な製品の場合、ライトグレーの背景のほうが製品の輪郭を見せやすいことが多いです。どれを選ぶにしても、カタログ全体で同じ背景を使いましょう。

角度と構図

すべての製品のメイン写真で、カメラの位置と距離をそろえましょう。製品をフレームの中央に置き、周囲に少し余白を残します。そうすれば、Webサイトで正方形や長方形に切り抜かれても、写真の見栄えが保たれます。

できれば三脚を使いましょう。ぶれを防ぐだけでなく、製品ごとに同じ角度を保つのにも役立ちます。

照明

柔らかく均一な光を使うと、製品の色がより正確に見えます。いくつかのコツを紹介します。

大きな窓からの自然光を使いますが、強い影ができる直射日光は避けます。
照明を使う場合は、製品の色がばらつかないよう、光の色が同じ照明を選びます。
反対側に白いボードやレフ板を置いて、影を和らげます。
メインの照明と光の色が異なる室内灯は消します。

金属、ガラス、光沢のあるプラスチックなど、つやのある製品では、映り込みが問題になりがちです。薄い白い布で拡散させた光や、撮影ボックスを使うと、たいてい改善します。

ファイルサイズと圧縮

最近のカメラで撮った写真はとても大きく、そのままアップロードする必要はありません。ファイルが大きすぎると、特にスマートフォンで、カタログページの表示が遅くなります。

高解像度の元ファイルは、アーカイブとして保管しておきます。
Webサイト用には、画像の拡大表示機能など、最も大きな表示に足りるサイズを使います。
アップロード前に写真を圧縮するか、画像を自動で圧縮し、複数のサイズを作成するCMSを使います。
WebPやAVIFは、一般的に、同程度の画質でJPEGよりファイルサイズが小さくなります。

表示速度は、Webサイトをどこでホスティングしているかにも左右されます。あわせて読みたい：Webホスティングとは？選び方のポイント

ファイル名と代替テキスト

IMG_4821.jpgのようなファイル名からは、何もわかりません。pet-bottle-500ml-screw-cap.jpgのように、写真の内容を表す名前を付けましょう。わかりやすい名前は、チームがファイルを探しやすくなるだけでなく、検索エンジンが画像の内容を理解する助けにもなります。

代替テキスト（alt属性）は、画像の短い説明文です。視覚に障がいのある人のためにスクリーンリーダーが読み上げ、検索エンジンも読み取ります。「製品」や「写真1」だけでなく、「白いスクリューキャップ付きの透明な500ml PETボトル」のように、見えているものを具体的に書きましょう。

企業サイトをGoogle検索に表示させる方法についても詳しくご覧ください。

よくある失敗

背景や角度がばらばら：一枚一枚の写真が良くても、カタログが雑然と見えます。
色を加工しすぎる：買い手が受け取った製品が、写真と違って見えます。
1製品につき写真が1枚だけ：写真で見せられたはずの細部について、買い手が問い合わせなければなりません。
他人の写真を使う：著作権の問題になるおそれがあり、実際の製品を示すこともできません。
カメラの元ファイルをそのままアップロードする：カタログページが重く、遅くなります。

よくある質問

スマートフォンで撮った写真でも十分ですか？

多くの製品では、照明が良く、スマートフォンを三脚に固定し、背景が整っていれば、最近のスマートフォンでも十分な写真が撮れます。非常に小さい製品、つやのある製品、細部を多く見せる必要がある製品では、プロの製品カメラマンに依頼したほうがよい場合もあります。

背景を切り抜いて真っ白にすべきですか？

必須ではありません。通常は、撮影時に無地の背景をそろえておけば十分です。背景をデジタルで切り抜くと全体の統一感が増しますが、製品の輪郭が自然に見えるよう、丁寧に行いましょう。

製品が頻繁に変わる場合は？

背景、角度、距離、撮影リストをまとめた簡単な撮影ガイドをつくりましょう。このガイドがあれば、チームの誰でも統一感のある新製品の写真を撮影し、CMSを通じて自分でアップロードできます。

良い製品写真は豪華である必要はありませんが、カタログ全体で鮮明で、正直で、統一されている必要があります。

製品カタログサイト制作サービスもご覧いただくか、工場・メーカーのWebサイトに必要なページをお読みください。