Facebook・Instagramフィード向けに商品画像を変換する
Facebookから「カタログ画像が拒否されました」と繰り返し言われる場合 — 小さすぎる、形が合わない、フィードで変にクロップされている、など — その解決策はたいてい写真を撮り直すことではありません。ポイントは2つです。各商品が適切な画像を指しているか確認すること、そしてそれらの画像を各チャンネルが実際に求めるサイズとアスペクト比にリサイズすることです。このアプリは両方を行います。フィードに載せる商品画像を選び、あとはフィードにFacebook・Instagram・ストーリーズの仕様へすべてを自動リサイズさせるだけ — Shopifyでの再アップロードもPhotoshopも不要です。このガイドでは両方の手順を解説します。
Awesome Feeds をまだお持ちでないですか？ Shopify App Store からインストール →
1 Imagesページを開く
ダッシュボードからImagesに進みます。商品の一覧が表示され、各商品には現在フィードに使われている画像のサムネイルとChange imageボタンが並んでいます。ここで、FacebookとInstagramのカタログで各商品を表す写真を、商品ごとに管理できます。
2 修正したい商品を見つける
特定の商品がカタログで正しく表示されていない場合は、上部のSearch by product nameボックスを使ってその商品にすぐジャンプできます。名前を入力して検索し、Show allを押すとフィルターがクリアされて全一覧に戻ります。一覧はページ分割されているので、大きなカタログでは検索が最速の入口です。
3 商品が使う画像を選ぶ
商品のChange imageをクリックすると、その商品の画像ピッカーが開きます。その商品に紐づくすべての画像が選択可能なカードとして表示されます。フィードに表示させたい画像を選んでください — Default Imageオプションは商品の最初のShopify画像を使うもので、ほとんどの商品にはこれが正解です。最初の画像がスウォッチやサイズ表など、メインのクリエイティブにすべきでないものである場合は別のカードを選び、保存します。
4 フィードエディターで画像リサイズをオンにする
上記の商品ごとの選択はどの画像を使うかを制御するものですが、リサイズはフィードレベルで行われます。エディターで商品フィードを開き、Transform (resize) imagesセクションを見つけてください。ここでフィードがすべての画像をチャンネルの必須サイズに自動的に整形するので、Facebookの画像要件と商品1つずつ格闘する必要がなくなります。この機能はすべてのプランに含まれているわけではありません。
5 チャンネルに合ったアスペクト比を選ぶ
Transform (resize) imagesのドロップダウンには5つのオプションがあります。カタログの配信先に合ったものを選んでください。Do not transform imagesは画像をShopifyのまま変更しません。Resize to 1.91:1 ratio (2048 x 1072 px, legacy format for link previews)はリンクプレビュー向けの古い横長フォーマットです。Resize to 1:1 ratio (2048 x 2048 px, recommended for Instagram Feed & Carousel)はInstagram FeedとCarousel広告が期待する正方形フォーマットです。Resize to 4:5 ratio (2048 x 2560 px, recommended for Facebook Feed)はFacebook Feedを埋める縦長のポートレートフォーマットです。そしてResize to 9:16 ratio (2048 x 3640 px, recommended for Stories & Reels)はストーリーズとリールのフルスクリーン縦型です。どのオプションも長辺を2048 pxにリサイズするので、Facebookの最小画像サイズを余裕でクリアし、「画像が小さすぎる」という拒否をなくせます。
6 結果をプレビューして保存する
確定する前にPreview images transformationsを開くと、サンプル画像が各比率でどう見えるかを並べて確認できます — 正方形とポートレートで迷ったときに便利です。選択に満足したら、フィードをSaveします。フィードが再生成され、リサイズされた画像が自動的にFacebookとInstagramのカタログに反映されます。Shopifyの元画像には一切手を触れません。
7 awsm.imageメタフィールドでフィードに別のメイン画像を送る
ストアではうまく機能する画像が、カタログでは商品を却下される原因になることがあります。典型的な例は、宣伝テキストや透かし、テキストオーバーレイを理由にGoogle Merchant Centerが画像を拒否するケースです。ストアフロントを変えずに、フィード専用のメイン画像を指定できます。Shopify管理画面でSettings → Custom data → Productsに進み、名前空間とキーをawsm.image、タイプをFileとしたメタフィールド定義を追加します。そして必要な各商品にクリーンな画像を選んでください（まだShopifyにない場合は先にContent → Filesにアップロードします）。アプリはその画像をフィードのメイン画像として使い、指定のない商品は通常の画像のままです。このメタフィールドは、画像リンクを保持するURLやテキストフィールドとしても、ファイルのリスト（最初の画像が採用される）としても機能します。SVGファイルはPNGに変換されます。PDF、動画、リンクでないテキストは無視されます。Imagesページ（ステップ3）で選んだ画像はメタフィールドより優先され、Transform (resize) imagesはメタフィールド画像にも適用されます。商品写真は引き続き追加画像として送信されます。それらの中にも宣伝テキストがある場合は、SettingsでExport additional imagesをオフにしてください。この変更は、アプリの次回商品同期時にフィードへ反映されます。
よくある質問
なぜFacebookに画像が拒否されるのですか？
ほぼ必ず、配置に対して小さすぎるか形が合わないことが原因です。Facebookは最小サイズを下回るカタログ画像を却下し、不自然なアスペクト比の画像をクロップまたは拒否します。Transform (resize) imagesをオンにすると、フィードがチャンネル承認済みの比率で長辺を2048 pxにリサイズし、最も一般的な拒否理由を、何も再アップロードせずに解消します。
Facebookが要求する画像サイズは？
Facebookは、各配置できれいに表示できる十分な大きさのカタログ画像を求めます — 小さなサムネイルは却下されます。このアプリのすべてのリサイズオプションは長辺を2048 px（例：4:5のFacebook Feedフォーマットなら2048 x 2560 px）で出力し、最小サイズを大きく上回り、どこでも鮮明に見えます。
InstagramとFacebook Feedでどのアスペクト比を使うべきですか？
Instagram FeedとCarouselには1:1（2048 x 2048 px）、Facebook Feedには4:5（2048 x 2560 px）を使ってください。カタログがストーリーズやリールにも使われる場合、9:16でフルスクリーン縦型のクリエイティブになります。それぞれを理想の比率にリサイズしたい場合は、チャンネルごとに別々のフィードを運用しましょう。
Shopifyで画像を再アップロードする必要はありますか？
いいえ。アプリはフィードを構築する際に画像をリサイズし、Shopifyの元画像はそのまま残します。設定を変更して保存すれば、次回の更新時にカタログが新しいサイズを取り込みます。
最初の画像とは別の画像を選べますか？
はい。ImagesページでChange imageから商品を開き、紐づく写真のいずれかを選べます。Default Imageオプションは商品の最初のShopify画像を使いますが、その最初の画像が最適なメインクリエイティブでない場合は別のカードを選んでください。
画像変換はすべてのプランに含まれていますか？
いいえ — リサイズはすべてのプランに含まれているわけではありません。フィードエディターにTransform (resize) imagesのオプションが表示されない場合、現在のプランには含まれていません。Imagesページで各商品が使う画像を選ぶ機能は、プランに関係なく利用できます。
Google Merchant Centerが宣伝テキストを理由に画像を却下しました。クリーンな画像を送るには？
Shopifyの Settings → Custom data → Products で awsm.image（タイプ File）という商品メタフィールド定義を作成し、影響を受けた商品にクリーンな画像を選んでください。アプリはそれをフィードのメイン画像として使い、ストアフロントは元画像を保ちます。メタフィールドのない商品は変更されないので、却下されたものだけを修正すれば済みます。
フィード画像をバリアントのメタフィールドから取得できますか？
いいえ。アプリはawsm.imageを商品から読み取るため、その商品のすべてのバリアントに同じフィード画像が適用されます。別のメイン画像が必要な商品に設定してください。
カタログで画像がクロップされて見えます — どう直せばいいですか？
通常はアスペクト比の不一致が原因です。配置に合った比率（Instagram Feedには1:1、Facebook Feedには4:5、ストーリーズ/リールには9:16）を選び、保存前にPreview images transformationsビューでクロップを確認してください。