TikTok Shopは「見つけて買う」——商品画像が売上を直接左右する
TikTok Shopは、ショート動画を見ながらそのまま商品を購入できるEC機能です。Amazonや楽天のように「欲しいものを検索して買う」のではなく、動画を見ていたら気になって、気づいたら買っていたという体験が特徴です。
この「見つけて買う」流れの中で、商品画像とサムネイルは売上を大きく左右します。スクロールの流れの中で一瞬目に入る縦型の画像が、クリックされるかどうかを決めます。
この記事ではTikTok Shopに最適な商品画像のサイズ・構成・作り方を、Fitlyのツールを使った実践フローとともに解説します。
TikTok Shopでの販売を始めるなら → 【TikTok Shop】「探して買う」から「見つけて買う」ショート動画×ECの新たな体験
TikTok Shopで商品画像が重要な理由
通常のECサイトでは、ユーザーが商品名やカテゴリで検索して商品ページにたどり着きます。画像はその後に見られます。
TikTok Shopは違います。フィードに流れる動画のサムネイル・商品タグの画像が最初の接点です。その瞬間に「気になる」と思わせられなければ、タップしてもらえません。
- ショート動画のフィードは縦スクロールで高速に流れる
- 商品タグをタップするかどうかは一瞬の判断
- 商品ページに来たとき、最初に目に入るのが商品画像
- 画像の品質が「信頼できる出品者かどうか」の印象を決める
つまり、TikTok Shopでは動画の前・動画の中・商品ページの3段階で画像が見られています。
TikTok Shop商品画像の推奨サイズ
| 用途 | 推奨サイズ | アスペクト比 | 備考 |
|---|---|---|---|
| 商品メイン画像 | 1200 × 1200 px 以上 | 1:1（正方形） | 商品一覧・検索結果に表示 |
| ショート動画サムネイル | 1080 × 1920 px | 9:16（縦型） | フィードでの表示に最適 |
| 商品詳細ページの追加画像 | 1080 × 1080 px 以上 | 1:1 または 9:16 | 複数枚登録でき、横スクロールで表示 |
| 最小ファイルサイズ | — | — | 500KB〜3MB程度が目安 |
| 対応フォーマット | — | — | JPG・PNG・WebP |
クリックされるサムネイルの作り方
TikTok Shopのサムネイルは、0.5秒で「気になる」と思わせる必要があります。
① 背景をシンプルにする
ごちゃごちゃした背景は商品が埋もれます。白・グレー・単色の背景に商品だけを置くか、生活感のあるシーン背景でも整理された状態にします。AIの背景除去ツールで商品を切り抜いてから背景を変えるのが効率的です。
② テキストオーバーレイで伝える
「音なし視聴」が多いTikTokでは、動画を見なくてもサムネイルのテキストで商品の特徴が伝わることが重要です。価格・セール情報・「新作」「限定」などのキーワードをサムネイルに入れると反応率が上がります。
③ 商品を大きく、中央に
縦型フィードで小さく表示されることを想定し、商品をできるだけ大きく中央に配置します。余白は上下に取り、テキストを置くスペースを確保します。
④ 使用前後・比較を見せる
「使う前はこう、使った後はこう」という変化を1枚の縦型画像で見せると、スクロールを止める力が強くなります。コスメ・家電・収納グッズなどで特に有効です。
売れる商品写真の5条件
| 条件 | 具体的なポイント |
|---|---|
| 明るさ | 自然光か照明で均一に明るく。暗い写真はそれだけで信頼感が下がる |
| 背景 | 白・グレー・単色が基本。商品以外のものが映り込まない |
| サイズ感 | 手持ちカット・比較物を入れて実際の大きさを伝える |
| 複数アングル | 正面・側面・裏面・細部など複数枚登録する |
| 使用シーン | 実際に使っている場面を1枚以上入れると購買イメージが伝わりやすい |
TikTok Shopで「見つけて買う」体験を作る
ショート動画×ECで新しい販売チャネルを作りたいなら、TikTok Shopへの出品を検討してみてください。「探して買う」から「見つけて買う」へ——購買体験が変わります。
スマホ撮影→Fitly加工→TikTok Shop出品フロー
特別な機材がなくてもスマホ1台でTikTok Shop向けの商品画像を作れます。
STEP 1：スマホで撮影する
白い紙や布を背景に置き、自然光が当たる窓際で撮影します。真上・正面・斜めの3アングルを最低限撮っておきます。HDRモードはオフにすると加工しやすくなります。
STEP 2：Fitly AI背景除去で商品を切り抜く
撮影した画像をFitlyのAI背景除去ツールにドラッグ＆ドロップするだけで、商品だけを切り抜いた透過PNGが完成します。登録不要・ブラウザ完結で処理されます。
Fitly AI背景除去 — 登録不要・無料・ブラウザ完結
商品写真の背景をドラッグ＆ドロップで自動除去。透過PNGとしてダウンロードできます。
STEP 3：CanvaまたはPhotopeaで背景・テキストを追加
切り抜いたPNGをCanvaまたはPhotopeaに貼り付けて、白背景・カラー背景への変更、テキストの追加、価格・セール情報の合成を行います。サムネイル用に縦型9:16（1080×1920px）のキャンバスを用意して作業します。
STEP 4：Fitlyでサイズを整えてダウンロード
完成した画像をFitlyのリサイズツールでTikTok推奨サイズ（1080×1920px）や正方形（1200×1200px）に最終調整します。複数サイズを一括で書き出せます。
Fitly 画像リサイズ — 登録不要・無料・ブラウザ完結
9:16縦型・1:1正方形など複数サイズへの一括変換。TikTok Shopの商品画像準備をまとめて効率化できます。
TikTok Shop出品で差がつく画像テクニック
商品ページは複数枚で「物語」を作る
TikTok Shopの商品ページでは複数枚の画像を横スクロールで見せられます。1枚目で商品全体・2枚目でディテール・3枚目で使用シーン・4枚目でサイズ感という流れを作ると、購入検討者が知りたい情報を順番に伝えられます。
縦型フォーマットを活かした構図
正方形の画像を縦型サムネイルに流用すると上下に余白ができます。最初から縦型9:16を意識した構図で撮影するか、切り抜いた商品画像を縦型キャンバスに配置して上下にテキストを置く構成にすると、フィードの中で自然に見えます。
複数商品で色調を統一する
ショップページを開いたときに商品画像の背景色やトーンがバラバラだと、ブランドとしての信頼感が下がります。背景色・テキストのフォント・全体のトーンを統一しておくと、ショップページ全体の印象が整います。
よくある質問
-
商品一覧・検索結果に表示されるメイン画像は1:1正方形（1200×1200px以上）が基本です。ショート動画のサムネイルや縦型で訴求したい場合は9:16（1080×1920px）も用意しておくと、フィード表示で埋もれにくくなります。
-
できます。最近のスマホカメラは十分な解像度があります。白背景・自然光・複数アングルの3点を意識するだけで、見栄えが大きく変わります。撮影後にFitlyのAI背景除去で背景を整えると、さらに商品の印象が上がります。
-
TikTok Shopへの出品にはJPGまたはPNG（背景あり）を推奨します。FitlyのAI背景除去で透過PNGを作成したあと、CanvaまたはPhotopeaで白背景や任意の背景色を追加してからJPGで書き出してください。
-
TikTok Shopはショート動画・ライブ配信の視聴中にそのまま購入できる「見つけて買う」体験が強みです。Instagramショッピングはフィード投稿や発見タブからの流入が中心です。TikTok Shopは動画コンテンツと商品が直接連動するため、エンタメ性の高い商品訴求と相性が良いです。