商品メディアの追加

1つの商品に最大250件の画像、3Dモデル、または動画を追加できます。3Dモデルと動画には、Shopifyプランに基づく特定のホスティング制限があります。また、互換性のあるiOSデバイスでShopifyモバイルアプリ内の3Dスキャナー機能を使用して、3Dモデルを直接スキャンして構築することもできます。

各商品の最初のメディアアイテムは、メインメディアアイテムとして扱われます。メインメディアアイテムは、コレクションページ、カートページ、チェックアウトページ、ホームページに表示されます。メインメディアアイテムはいつでも変更できます。

商品にメディアを追加する

デスクトップ
  1. 管理画面から、[商品管理] に移動します。

  2. 編集する商品をクリックします。

  3. [メディア] セクションで、次のいずれかの方法で画像、3Dモデル、または動画を追加します。

    • [新しくアップロード] をクリックし、アップロードするファイルを選択します。
    • アップロードするファイルを [メディア] セクションにドラッグ&ドロップします。
    • [既存のファイルを選択] をクリックして、既存のメディアファイルを確認し、選択します。
    • [URLから追加] するには、[既存のファイルを選択] をクリックしてから、[URLから追加] をクリックします。
モバイル
  1. Shopifyアプリで、[商品管理]アイコン をタップします。
  2. 編集する商品をタップします。
  3. [メディア] セクションで、[+] をタップします。
  4. 次のいずれかの方法でメディアを追加します。
    • 既存のメディアファイルからメディアを追加するには、[メディアファイル] をタップします。
    • デバイスの写真からメディアを追加するには、画像アイコンをタップします。
    • デバイスのカメラを使用して写真や動画を撮影するには、[カメラ] をタップします。
    • YouTubeまたはVimeoでホストされている動画を追加するには、[YouTubeまたはVimeoのURL] をタップします。
    • デバイスのファイルから画像を追加するには、[ファイルアプリ] をタップします。
    • 商品の新しい3Dモデルをスキャンするには (iOSのみ)、[3Dスキャナー] をタップします。
  5. [保存] または [✓] をタップします。

メイン商品メディアを変更する

デスクトップ
  1. 管理画面から、[商品管理] に移動します。

  2. 編集する商品をクリックします。

  3. [メディア] セクションで、デフォルトのメディアにするメディアに移動し、その画像を最初の画像の位置にドラッグ&ドロップします。

モバイル
  1. Shopifyアプリで、[商品管理]アイコン をタップします。
  2. 編集する商品をタップします。
  3. [メディア] セクションで、[すべて表示] をタップします。
  4. [選択] をタップし、デフォルトの商品画像にする画像を選択します。
  5. Horizontal menuをタップし、「デフォルトに設定」をタップします。
  6. [保存] または [✓] をタップします。

オンラインで共有したり、商品やコレクションの説明、ウェブページ、ブログ記事からダウンロードできるようにしたりするために商品メディアへのリンクをコピーする必要がある場合は、個別のメディアファイルへのリンクをコピーできます。ページコンテンツ内のファイルにリンクする方法について詳しくはこちら。

デスクトップ
  1. 管理画面から、[コンテンツ] > [ファイル] の順に移動します。

  2. 共有する商品メディアの横にある [リンクをコピー] アイコンをクリックします。

モバイル
  1. Shopify アプリから、メニュー アイコンをタップします。

  2. [コンテンツ] メニューで、下向き矢印アイコンをタップし、[ファイル] をタップします。

  3. 共有する商品メディアの横にある [リンクをコピー] アイコンをタップします。

メディアを削除する

メディアは、個別または一括で削除できます。

メディアを個別に削除する

商品からファイルを削除しても、ストアからファイルは削除されません。ストアからメディアを削除するには、管理画面の [コンテンツ] > [ファイル] のファイルマネージャーで削除する必要があります。

デスクトップ
  1. 管理画面から、[商品管理] に移動します。

  2. 編集する商品をクリックします。

  3. [メディア] セクションで、削除するメディアにカーソルを合わせ、チェックボックスをオンにします。

  4. [削除] をクリックします。

モバイル
  1. Shopifyアプリで、[商品管理]アイコン をタップします。
  2. 編集する商品をタップします。
  3. [メディア] セクションで、[すべて表示] をタップします。
  4. [選択] をタップします。
  5. 削除するメディアをタップします。
  6. [削除] をタップします。

メディアを一括で削除する

選択したファイルのいずれかがストアの他の場所で使用されている場合、そのファイルは編集中の商品からのみ削除されます。ストアからメディアを削除するには、管理画面の [コンテンツ] > [ファイル] にあるファイルマネージャーで削除する必要があります。

デスクトップ
  1. 管理画面から、[商品管理] に移動します。

  2. 編集する商品をクリックします。

  3. メディア」セクションで、チェックボックスを使用して削除するメディアを選択します。

  4. [ファイルを削除] をクリックします。

  5. [削除] をクリックします。

モバイル
  1. Shopifyアプリで、[商品管理]アイコン をタップします。
  2. 編集する商品をタップします。
  3. [メディア] セクションで、[すべて表示] をタップします。
  4. 選択」をタップし、削除するメディアを選択します。
  5. [削除] をタップします。
  6. 完了」をタップします。

ファイルの置き換え

  1. 管理画面から、[コンテンツ] > [ファイル] の順に移動します。

  2. ファイル名の横にある「置き換え」アイコンをクリックします。

  3. アップロードするファイルを選択します。

既存のファイルを上書きせずにファイルを編集する

ファイルエディタでは、画像の背景を変更するなど、元の画像を変更する編集が可能です。既存のファイルを上書きせずに変更を加えるには、変更を新規ファイルとして保存します。

手順:

  1. 管理画面から、[コンテンツ] > [ファイル] の順に移動します。

  2. メディアファイルを選択して、ファイルエディタを開きます。

  3. ファイルを編集します。

  4. 「保存」ドロップダウンメニューから、「新規として保存」を選択します。

「新規として保存」すると、新しいファイルがストアのファイルシステムに保存され、元の画像は元の状態のまま保持されます。

プラン別のファイルストレージ上限

アップロードされたファイルで利用できるストレージ容量は、Shopify サブスクリプションプランによって異なります。

ファイルストレージの上限について、詳しくは次の表をご確認ください。

Shopify 管理画面のファイルに関する、Shopify サブスクリプションプランの種類別ストレージ上限。
プランストアあたりの上限
Starter100 GB
Pause and Build100 GB
Retail100 GB
Basic および Shopify パートナーの開発ストア100 GB
Grow300 GB
Advanced500 GB
Plus および Shopify パートナーのPlus サンドボックスストア1 TB
Enterprise10 TB

有料でのストレージ増量

組織のファイルストレージ容量を追加購入する場合、組織の所有者は Shopify サポートに連絡して、ストレージの増量をリクエストできます。

リクエストされた増量分は、1つの本番ストアと最大2つの開発ストアに追加されます。対象となる3つのストアすべてで、それぞれ増量されます。増量分がストア間で分割されることはありません。増量は、利用可能な単位で行う必要があります。一部のみの有料増量は利用できません。

Shopify 管理画面のファイルに関する、Shopify サブスクリプションプランの種類別に利用可能な有料ストレージ増量。
プラン増量あたりの料金
Plus1 TBあたり月額100米ドル
Enterprise10 TBあたり月額1,000米ドル

動画と3Dモデル

オンラインストアで3Dモデルまたは動画を表示するには、以下のいずれかを行う必要があります。

プラン別の動画と3Dモデルの上限

アップロードできる動画と3Dモデルの数は、Shopify サブスクリプションプランによって異なります。

動画と3Dモデルの上限について、詳しくは次の表をご確認ください。

Shopify サブスクリプションプランの種類別の、動画と3Dモデルのアップロード上限。
プランストアあたりの上限
Starter250
Pause and Build250
Retail250
Basic および Shopify パートナーの開発ストア250
Grow1,000
Advanced5,000
Plus および Shopify パートナーのPlus サンドボックスストア50,000
Enterprise100,000

プラン別の動画ストレージ上限

アップロードした動画に利用できるストレージ容量は、Shopify サブスクリプションプランによって異なります。

動画のストレージ上限について、詳しくは次の表をご確認ください。

Shopify サブスクリプションプランの種類別の動画ストレージ上限。
プランストアあたりの上限
Starter50 GB
Pause and Build50 GB
Retail50 GB
Basic および Shopify パートナーの開発ストア50 GB
Shopify パートナーのPlus サンドボックスストア60 GB
Grow500 GB
Advanced500 GB
Plus2 TB
Enterprise10 TB

メタフィールドを使用した商品メディアの追加

オンラインストアでの商品メディアの表示方法をカスタマイズする場合は、メタフィールドを使用して、商品用のファイル参照メタフィールドを作成できます。ファイル参照メタフィールドでは、商品を表示するための画像のアップロードや、お客様がダウンロードできるその他すべてのファイルタイプのアップロードに対応しています。オンラインストアのメタフィールドには、JPEG、PNG、WEBP、SVG、HEIC、GIFの各画像を表示できます。1つのメタフィールドに含めることができるファイルは、一度に1つだけです。

互換性のあるテーマを使用している場合は、テーマエディタを使用してファイル参照メタフィールドをテーマに連携させることができます。旧デザインのテーマを使用している場合は、テーマコードを編集するか、Shopify パートナーに依頼してサポートを受けることができます。

商品画像の編集を元に戻す

メディアエディタを使用して画像に加えた変更を元に戻したい場合 (以前の切り抜き、サイズ変更、または Shopify Magic による編集が不要になった場合など)、[オリジナルに戻す] ボタンを使用して、画像ファイルを元の状態に戻すことができます。

動画のアップロード要件

[URLから追加] を使用して YouTube または Vimeo から動画を追加する場合、動画の公開設定と URL 形式に関する特定の要件を満たす必要があります。

動画のプライバシー設定

動画は、一般公開でアクセスできるか、外部ウェブサイトに埋め込むことができる許可を得ている必要があります。非公開に設定されている動画や視聴権限が制限されている動画は、管理画面に追加できません。

  • YouTube 動画の場合、動画を[公開] または [限定公開] に設定してください。YouTube のプライバシー設定について詳しくは、こちらをご覧ください。
  • Vimeo 動画の場合、動画が外部サイトへの埋め込みを許可していることを確認してください。Vimeo のプライバシー設定について詳しくは、こちらをご覧ください。

サポートされている URL 形式

URL から動画を追加する場合は、以下の URL 形式を使用してください。

  • YouTube:標準の動画 URL 形式 https://youtube.com/watch?v=[video-id] を使用します。YouTube ショートの URL (https://youtube.com/shorts/[video-id]) は現在サポートされていませんが、URL を標準形式に変更することで変換できます。
  • Vimeo:直接の動画 URL 形式 https://vimeo.com/[video-id] を使用します。カスタム URL 機能が利用できる Vimeo アカウントをお持ちの場合は、カスタム Vanity URL の代わりに直接の動画 URL を使用してください。

商品メディアを一括管理する

商品に多数のメディアファイルがある場合、Shopify の管理画面の商品詳細ページからメディアを管理ビューを使用して、メディアを検索、並べ替え、一括削除できます。

手順:

  1. 管理画面から、[商品管理] に移動します。

  2. 編集する商品をクリックします。

  3. メディアセクションで、メディアを管理アイコンをクリックします。

  4. 以下のいずれかのアクションを実行します。

    • メディアの検索: 名前、拡張子、または説明で特定のファイルを検索します。
    • メディアの並べ替え: メディアをドラッグ&ドロップして順序を変更します。最初のメディアアイテムは商品のメイン画像として使用されます。
    • メディアの一括削除: メディアを一括削除するには、以下のアクションを実行します。
    1. 削除するメディアファイルを選択します。
    2. 削除をクリックします。

失敗したメディアのアップロードのトラブルシューティング

メディアを追加すると、ファイルが読み込まれ、オンラインストアで必要なフォーマットに変換されて保存されます。アップロードはこれらのどの段階でも失敗する可能性があり、管理画面のエラーでどの段階で失敗したかを確認できます。

特定のエラーのトラブルシューティングを行う前に、以下の項目を確認します。

  • ファイルが、そのメディアタイプのメディア要件を満たしていることを確認します。画像、ビデオ、3D モデルには、それぞれ独自のファイルサイズ、解像度、長さ、フォーマットの要件があります。
  • ファイルの拡張子が、ファイルの実際のフォーマットと一致していることを確認します。手動で名前が変更されたファイル (.mp4 に名前が変更された .mov ファイルなど) は、フォーマットと一致しません。
  • 商品の メディア セクションを開き、ファイルがすでに存在するかどうかを確認します。バナーで失敗したと報告されていても、アップロードが完了している場合があります。
  • 別の商品で同じファイルを試し、同じ商品で別のファイルを試します。これにより、問題がファイルにあるか商品にあるかがわかります。
「処理エラー」のトラブルシューティング

処理エラーは、ファイルが Shopify に到達したものの、変換できなかったことを意味します。これは通常、ファイルのサイズやフォーマットではなく、ファイルのエンコードやエクスポートの方法が原因です。たとえば、ビデオの長さが、メディアサービスが想定していないフォーマットで書き込まれている場合、ビデオ自体は十分に短くても、長さに関するエラーが発生して失敗する可能性があります。

関連するエラーには、アップロードされた画像は破損しているため、処理できません。別の画像をお試しください。アスペクト比は 100:1 〜 1:100 の範囲で指定する必要があります。 などがあります。

広く使用されているフォーマットでファイルを再エクスポートまたは再エンコードし、再度アップロードします。多くのファイルに影響がある場合は、ファイルを作成したソフトウェアのエクスポート設定を変更します。

処理エラーで失敗した SVG ファイルのトラブルシューティング

SVG 画像はサポートされていますが、すべての SVG ファイルは画像として扱われます。SVG フォントファイルは画像として評価されるため、破損していると読み取られ、処理エラーで失敗します。SVG フォントは、コンテンツ > ファイルから追加することはできません。

オンラインストアのフォントを変更するには、テーマのタイポグラフィ設定を使用します。そこで提供されるフォントはテーマに由来するため、ご自身で用意したフォントはフォントピッカーに表示されません。独自のフォントを使用するには、Shopify パートナーに依頼してテーマコードに追加してもらいます。

汎用ファイルとしてアップロードされるビデオのトラブルシューティング

ビデオがサムネイルなしでアップロードされ、ファイルで再生されず、商品にメディアを追加する際の [ファイルを選択] ダイアログに表示されない場合、ファイルの拡張子がファイルの実際のフォーマットと一致していません。これは、手動で拡張子が変更された場合 (.mov ファイルの名前を .mp4 に変更した場合など) に発生します。

ファイルの実際の拡張子に戻し、再度アップロードします。実際のフォーマットを確認するには、ファイルをダウンロードし、コンピューターでファイル情報を開きます。

アップロード中または処理中の状態から進まないアップロードのトラブルシューティング

アップロードの完了後も、コンテンツ > ファイル残り 1 件をアップロード中 などのバナーが残る場合があります。このバナーは自動的に消えます。

まず、商品の メディア セクションを確認します。ファイルがそこに存在する場合、アップロードは成功しているため、対応は必要ありません。

「この画像によるコレクションの更新中にエラーが発生しました」のトラブルシューティング

このコレクションにはエラーがあります:この画像によるコレクションの更新中にエラーが発生しました。 というエラーは、コレクション画像が受け入れられなかったことを意味します。以下の原因を確認してください。

  • 画像が解像度の制限を超えています。コレクション画像には、商品画像と同じ 25 メガピクセルの制限があります。画像のサイズを変更して、再度アップロードします。

  • 画像が WebP ファイルです。商品や ファイル ではサポートされていますが、コレクション画像では WebP はサポートされていません。コレクション画像には別のフォーマットを使用します。

「商品 1 件につき追加できるメディアは 250 個までです」のトラブルシューティング

このファイルは追加できませんでした。商品 1 件につき追加できるメディアは 250 個までです。 というエラーは、商品のメディア数が上限に達していることを意味します。この制限を引き上げることはできません。

商品に不要になったメディアを削除するか、商品のメディアを複数の商品に分割します。

「1 回のアップロードにつき 200 ファイルまでの制限があります」のトラブルシューティング

ファイルが失敗しました。1 回のアップロードにつき 200 ファイルまでの制限があります。200 個未満のファイルでやり直してください。 というエラーは、ストアの合計ファイル数ではなく、ファイルページでの 1 回のアップロードに適用されます。ファイルを 200 個未満に分けてアップロードします。この制限を引き上げることはできません。

プランのビデオおよび 3D モデルの制限のトラブルシューティング

ファイルが失敗しました。ご利用のプランでは、[number] 個を超えるビデオおよび 3D モデルを追加できません。さらに追加するには、プランをアップグレードしてください。 というエラーは、ストアがプランの制限に達したことを意味します。プラン別のビデオおよび 3D モデルの制限を参照してください。

この制限は、ストアがエラーに表示されている数に達する前に適用される場合があります。まず、ストア内のビデオと 3D モデルの数を数えます。数がプランの制限を下回っている場合は、プランをアップグレードする前にShopify サポートに連絡してください。

週間ビデオアップロード制限のトラブルシューティング

ストアには、1 週間に最大 1,000 本の動画をアップロードできます。上限に達すると、エラー You can't upload more than 1,000 videos in a week. To add more, try again in 7 days. が表示されます。上限は毎週リセットされ、引き上げることはできません。

「There was an issue uploading the media. Try again later.」のトラブルシューティング

エラー There was an issue uploading the media. Try again later. および Files failed. Check your network and try again. は、エンコーディングエラーではありません。動画を直接アップロードする場合、どちらのメッセージも、ストアが動画ストレージの制限または週間の動画アップロード制限に達したことを意味します。

「You've reached the file storage limit for your plan」のトラブルシューティング

エラー Media upload failed. Adding this file will exceed the file storage limit for your plan. および Files failed. You've reached the file storage limit for your plan. は、ストアがプランで許可されているストレージの合計容量に達したことを意味します。プランごとのファイルストレージ制限を参照してください。

削除する前に、以下の情報を確認してください。

  • ストレージの合計は、ストアが実際に使用しているストレージよりも多く報告される場合があります。ストアに保存されているメディアが少ない場合や、最近あまり削除を行っていない場合は、ファイルを削除する前にShopify サポートにお問い合わせください。

  • 動画の削除は元に戻せません。削除された動画を復元することはできません。

  • 商品からファイルを削除しても、ストレージの空き容量は増えません。ファイルは、[コンテンツ] > [ファイル] で削除するまでストアに残ります。

URL から追加したメディアのアップロードに失敗する場合のトラブルシューティング

[URL から追加] では、2 種類の URL を処理します。YouTube または Vimeo の動画を埋め込むには、動画のページ URL を使用し、サポートされている URL の形式を確認してください。

その他のメディアについては、URL がファイル自体を指している必要があります。Google ドライブや Dropbox などのクラウドストレージサービスからの共有リンクは、ファイルではなくプレビューページを開くため、アップロードは失敗し、Media processing failedInvalid URL、または File extension doesn't match the format of the file のようなエラーが表示されます。

ファイルの URL が公開されていない、URL にサポートされていない特殊文字が含まれている、ファイルタイプがサポートされているタイプではない、またはファイルをホストしているサイトが Shopify からのリクエストをブロックしている場合にも、URL のファイルは失敗します。このような場合は、ファイルをコンピューターにダウンロードしてから、管理画面にアップロードしてください。

商品 CSV のインポート後に画像が見つからない場合のトラブルシューティング

商品 CSV のインポートが正常に完了しても、Image Src または Variant Image の列の画像がスキップされる場合があります。インポート結果ではスキップされた画像は報告されません。

画像が含まれるインポートを行った後は商品を確認し、各商品に想定されるメディアが追加されていることを確認してください。CSV ファイルに複数の商品画像を追加することについて、詳しくはこちらをご覧ください。

置き換えた画像に古いバージョンが引き続き表示される場合のトラブルシューティング

ファイルを置き換えると、新しいファイルの URL には ?v=1712345678 のようなバージョントークンが付与されます。Shopify でレンダリングされるページは、次回の読み込み時に新しい URL をリクエストするため、新しいファイルが表示されます。テーマコード、商品説明、マーケティングメール、または外部サイトに手動で書き込まれたアドレスは再レンダリングされないため、古いバージョンを引き続き指し示します。

アドレスを手動で書き込むのではなく、Shopify を通じてファイルを参照してください。

  • 商品説明またはブログ記事では、<img> タグを貼り付けるのではなく、メディアアップローダーを使用してメディアを追加します。
  • テーマコードでは、Liquid フィルターの file_urlimage_url、および asset_url を使用します。
  • アプリまたは外部連携では、アドレスを保存するのではなく、毎回ファイルの現在のアドレスをリクエストします。

Shopify でレンダリングされたページでページを再読み込みし、バージョントークンが変更されたかどうかを確認します。トークンが変更されていない場合、置き換えは保存されていないため、ファイルを再度置き換えます。

引き続きアップロードに失敗する場合は、Shopify サポートにお問い合わせください。問題をより迅速に解決するため、以下の情報を準備してください。

  • エラーメッセージ: エラーの正確なテキスト、またはそのスクリーンショット
  • ファイルの詳細: ファイルの名前、形式、サイズ (動画の場合は長さも)
  • アップロードした場所: 商品、コレクション、または [ファイル] ページのいずれか、およびコンピューターからアップロードしたか、URL からアップロードしたか、または CSV ファイルでアップロードしたか
  • 試したこと: このページで完了した確認内容とその結果