ファイルのアップロードと管理

管理画面の [ファイル] セクションから、ファイルをアップロード、管理、削除することができます。

[ファイル] セクションには、以下の種類のファイルを使用できます。

  • テーマ、ブログ記事、ページで使用されている画像とビデオ
  • 商品およびコレクションで使用されている画像と動画
  • お客様がダウンロードできるファイルとビデオ
  • メタフィールドと連携された画像とファイル

テーマを編集する場合、メタフィールドを作成する場合、またはリッチテキストエディタを使用してテーマコンテンツ、ページ、ブログ記事、商品説明、またはコレクション説明を編集する場合に、ファイルをアップロードすることもできます。アップロードしたファイルは、[ファイル] ページに表示されます。

[ファイル] ページにアクセスするには、[コンテンツ] > [ファイル] の順に移動します。

ファイルの要件

管理画面の [ファイル] ページに画像をアップロードできます。ファイルは以下の要件を満たす必要があります。

画像ファイルの要件

管理画面の画像のファイルサイズ、解像度、アスペクト比、ファイル形式、ファイル命名規則に関する要件。
属性要件
ファイルサイズ最大20 MB (メガバイト)
解像度最大20 MP (メガピクセル)
アスペクト比100:1~1:100
ファイル形式JPEG、PNG、WEBP、HEIC、GIF
ファイル名ファイル名には、文字、数字、スペース、記号を含めることができますが、最初の文字をピリオド「.」にすることはできません。

ビデオファイルの要件

管理画面の動画のファイルサイズ、ファイル形式、解像度、動画の長さ、幅と高さ、フレームレート、ファイル命名規則に関する要件。
属性要件
ファイルサイズ最大1 GB (ギガバイト)
解像度UHDの最大解像度
動画の長さビデオの長さ最長10分
ファイル形式MOV、MP4、WEBM
最小の幅と高さ100ピクセル
最大の幅と高さ4096ピクセル
最大フレームレート120フレーム/秒
最小動画尺0.25秒
ファイル名ファイル名には、文字、数字、スペース、記号を含めることができますが、最初の文字をピリオド「.」にすることはできません。

推奨ビデオ仕様

管理画面の動画のアスペクト比、ビットレート、フレームレート、解像度、対応するコーデック、対応する色空間に関する推奨事項。
機能推奨
アスペクト比アスペクト比は、以下のいずれかである必要があります。
  • 16:9
  • 9:16
  • 4:3
  • 3:4
  • 1:1
ビットレートShopifyのビデオパイプラインでは、受信ビデオが処理された後に、入力メディアが分析され以下の範囲から適切なビットレートが選択されることで、最適の品質が自動で選択されます。
  • HLS
    • SD 480:900 kbps~2800 kbps
    • HD 720:2000 kbps~6500 kbps
    • HD 1080:3200 kbps~10400 kbps
  • MP4
    • SD 480:0.9 Mbps~1.5 Mbps
    • HD 720:1.6 Mbps~4.5 Mbps
    • HD 1080:2.5 Mbps~7.2 Mbps
フレームレート
  • 60 fps
  • 30 fps
  • 25 fps
解像度
  • 3840x2160 (UHD)
  • 1920x1080 (1080p)
  • 1280x720 (720p)
  • 854x480 (480p)
上記の解像度での縦向きも推奨されます。例:720x1280ピクセル
対応するコーデック
  • ビデオ:H.264 (AVC)
  • オーディオ:AAC、MP3、Opus
対応する色空間
  • Rec.601
  • Rec.709
  • Rec.2020

一般的なファイルの要件

一般的なファイルとは、HTML以外のファイルで、お客様がダウンロードすることを目的としているファイルです。

管理画面の一般的なファイルのファイルサイズ、ファイル形式、ファイル命名規則に関する要件。
属性要件
ファイルサイズ最大20 MB
ファイル形式HTML以外のファイル形式
ファイル名ファイル名には、文字、数字、スペース、記号を含めることができますが、最初の文字をピリオド「.」にすることはできません。

ファイル形式の要件

有料プランをご利用の場合は、HTMLを除いて、どのファイル形式でもアップロードできます。

トライアルプランをご利用の場合は、次のファイル形式のみをアップロードできます。

  • JS
  • CSS
  • GIF
  • JPEG
  • PNG
  • JSON
  • CSV
  • PDF
  • WebP
  • HEIC

また、PDFファイルをアップロードする前に、メールアドレスを確認する必要があります。

トライアルプランを利用していて、他のファイル形式をアップロードしたい場合は、プランを確認して更新してください。

テーマ、ページ、ブログなど、ストアのさまざまな部分によって、サポートされているファイル形式が異なります。サポートされているファイル形式については、以下のリソースを参照してください。

[ファイル] ページでファイルをアップロードする

[ファイル] ページで、Shopifyにファイルをアップロードできます。アップロードしたファイルは管理画面全体で使用できます。ブランド画像商品メディアメタオブジェクトなどのファイルをアップロードできます。

手順:

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

  2. [ファイルをアップロード] をクリックします。

  3. アップロードするファイルを最多で20個選択して、[開く] をクリックします。

iPhone
  1. Shopifyアプリ[...] ボタンをタップし、[設定] をタップします。
  2. [ストアの設定] セクションで、[ファイル] をタップします。
  3. [ファイルをアップロード] をクリックします。
  4. アップロードするファイルを最多で20個選択して、[開く] をクリックします。
Android
  1. Shopifyアプリ[...] ボタンをタップし、[設定] をタップします。
  2. [ストアの設定] セクションで、[ファイル] をタップします。
  3. [ファイルをアップロード] をクリックします。
  4. アップロードするファイルを最多で20個選択して、[開く] をクリックします。

ファイルリストを検索して絞り込む

管理画面のコンテンツ>ファイルページまたはファイルピッカーからファイルリストをフィルタリングしたり、ファイルを検索したりできます。

以下の方法でファイルを絞り込めます。

  • 検索バーを使用して、ファイル名やファイル形式などのファイル属性で検索する
  • [ファイルサイズ] ドロップダウンメニューを使用してサイズで絞り込む
  • [ファイルタイプ] ドロップダウンメニューを使用してタイプで絞り込む
  • [使用箇所] ドロップダウンメニューを使用してファイル参照で絞り込む

手順:

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

  2. 虫めがねとトリグラムのアイコンをクリックして、[検索と絞り込み] を選択します。

  3. 以下の組み合わせの操作を実行します。

  • 検索バーにファイル名の一部または全部を入力するか、お探しのファイルに該当するファイルの拡張子 (.jpg.pdfなど) を入力します。
  • [ファイルサイズ] ドロップダウンメニューを使用して、表示するファイルの最小サイズ、最大サイズのいずれか、または両方を設定します。
  • [ファイルのタイプ] ドロップダウンメニューを使用して、探しているファイルのタイプを選択します。
  • [使用箇所] ドロップダウンメニューからファイルが参照されている場所を選択します。
iPhone
  1. Shopifyアプリ[...] ボタンをタップし、[設定] をタップします。
  2. [ストアの設定] セクションで、[ファイル] をタップします。
  3. 虫めがねとトリグラムのアイコンをクリックして、[検索と絞り込み] を選択します。
  4. 以下の組み合わせの操作を実行します。
  • 検索バーにファイル名の一部または全部を入力するか、お探しのファイルに該当するファイルの拡張子 (.jpg.pdfなど) を入力します。
  • [ファイルサイズ] ドロップダウンメニューを使用して、表示するファイルの最小サイズ、最大サイズのいずれか、または両方を設定します。
  • [ファイルのタイプ] ドロップダウンメニューを使用して、探しているファイルのタイプを選択します。
  • [使用箇所] ドロップダウンメニューからファイルが参照されている場所を選択します。
Android
  1. Shopifyアプリ[...] ボタンをタップし、[設定] をタップします。
  2. [ストアの設定] セクションで、[ファイル] をタップします。
  3. 虫めがねとトリグラムのアイコンをクリックして、[検索と絞り込み] を選択します。
  4. 以下の組み合わせの操作を実行します。
  • 検索バーにファイル名の一部または全部を入力するか、お探しのファイルに該当するファイルの拡張子 (.jpg.pdfなど) を入力します。
  • [ファイルサイズ] ドロップダウンメニューを使用して、表示するファイルの最小サイズ、最大サイズのいずれか、または両方を設定します。
  • [ファイルのタイプ] ドロップダウンメニューを使用して、探しているファイルのタイプを選択します。
  • [使用箇所] ドロップダウンメニューからファイルが参照されている場所を選択します。

絞り込みビューを保存

定期的に同じ検索を実行するか、同じ用語で絞り込む場合は、絞り込みをビューとして保存すると、もっと簡単にアクセスできます。保存したビューは [ファイル] ページの上部にタブとして追加されます。タブをクリックすると、保存された絞り込みパラメーターを使用してファイルを絞り込めます。

手順:

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

  2. [検索と絞り込み] オプションを使用して、適切な絞り込みと検索キーワードを適用します。

  3. [名前を付けて保存] をクリックします。

  4. [表示内容を保存] ダイアログで、保存した絞り込みビューの名前を入力します。

  5. [保存] をクリックします。

iPhone
  1. Shopifyアプリ[...] ボタンをタップし、[設定] をタップします。
  2. [ストアの設定] セクションで、[ファイル] をタップします。
  3. [検索と絞り込み] オプションを使用して、適切な絞り込みと検索キーワードを適用します。
  4. [名前を付けて保存] をクリックします。
  5. [表示内容を保存] ダイアログで、保存した絞り込みビューの名前を入力します。
  6. [保存] をクリックします。
Android
  1. Shopifyアプリ[...] ボタンをタップし、[設定] をタップします。
  2. [ストアの設定] セクションで、[ファイル] をタップします。
  3. [検索と絞り込み] オプションを使用して、適切な絞り込みと検索キーワードを適用します。
  4. [名前を付けて保存] をクリックします。
  5. [表示内容を保存] ダイアログで、保存した絞り込みビューの名前を入力します。
  6. [保存] をクリックします。

ファイルリストの並べ替え順序を変更する

デフォルトでは、アップロードされた日付に基づいてファイルが最新のものから最も古いもの順に一覧表示されます。

ファイルリストの並び順を、以下のいずれかのオプションに変更できます。

Shopify管理画面のファイルリスト並べ替えオプション
並べ替えオプション説明
日付 古い順または最新順 で日付順に並べ替えこのオプションは、商品が作成された順番でファイルを表示します。デフォルトでは、ファイルリストは日付順最新順に並べ替えられています。
ファイル名アルファベット順で A-Z または Z-A に並べ替えこのオプションでは、ファイルをファイル名のアルファベット順に表示します。
ファイルサイズファイルサイズ順で 小さい順 または 大きい順に並べ替えこのオプションでは、ファイルをファイル サイズ順に表示します。

手順:

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

  2. アイコンをクリックして並べ替え、リストからオプションを選択します。

iPhone
  1. Shopifyアプリ[...] ボタンをタップし、[設定] をタップします。
  2. [ストアの設定] セクションで、[ファイル] をタップします。
  3. [⇅] をクリックして並べ替え、リストからオプションを選択します。
Android
  1. Shopifyアプリ[...] ボタンをタップし、[設定] をタップします。
  2. [ストアの設定] セクションで、[ファイル] をタップします。
  3. [⇅] をクリックして並べ替え、リストからオプションを選択します。

ファイルをダウンロードできるようにする

訪問者がファイルをダウンロードできるようにしたい場合は、[ファイル] ページを使用してファイルをアップロードし、そのファイルへのリンクをページのコンテンツかオンラインストアのメニューに追加します。ファイルの横にある [リンク] ボタンをクリックして、ファイルへのリンクをクリップボードにコピーできます。

オリジナルメディアのダウンロード

Shopifyの画像サービスを利用すると、画像とビデオを管理して、オンラインストアの適切な場所に、できる限り最適な形式で表示できます。

[プレビューと編集] ウィンドウのダウンロードボタンを使用して、最適化されていないオリジナルのファイルをデバイスにダウンロードできます。

手順:

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

  2. 目的のファイルをクリックするか、絞り込みを使用して特定のメディアファイルを並べ替えるか探します。

  3. ダウンロードボタンをクリックします。オリジナルの形式でデバイスに保存されます。

iPhone
  1. Shopifyアプリ[...] ボタンをタップし、[設定] をタップします。
  2. [ストアの設定] セクションで、[ファイル] をタップします。
  3. 目的のファイルをクリックするか、絞り込みを使用して特定のメディアファイルを並べ替えるか探します。
  4. ダウンロードボタンをクリックします。オリジナルの形式でデバイスに保存されます。
Android
  1. Shopifyアプリ[...] ボタンをタップし、[設定] をタップします。
  2. [ストアの設定] セクションで、[ファイル] をタップします。
  3. 目的のファイルをクリックするか、絞り込みを使用して特定のメディアファイルを並べ替えるか探します。
  4. ダウンロードボタンをクリックします。オリジナルの形式でデバイスに保存されます。

ファイルを編集する

[ファイル] ページでファイルのサムネイルをクリックして、ファイルをプレビューおよび編集することができます。[ファイル] ページで行なう編集は、ストア内のファイルが使用されている場所すべてに適用されます。

ファイルを編集する方法の詳細については、以下の表を確認してください。

管理画面でファイルを編集する際に実行できる操作のリスト。
アクション説明
ファイル名を変更するファイルのURLハンドルを変更して、ファイル名を更新します。ファイルのURLを変更すると、そのファイルの以前のURLは機能しなくなります。
ファイルを置き換える既存のファイルを新しいファイルに置き換え、同じファイル名とURLハンドルを保持します。JPGファイルを別のJPGファイルに置き換えるなど、同じファイル形式でのみファイルを置き換えることができます。
代替テキストを追加視覚障害や低帯域幅のユーザーのために、画像やビデオの簡単な説明を追加します。
画像にフォーカルポイントを追加する画像の最も重要な部分を選択して、テーマによって画像をよりスマートにトリミングすることができます。
ビデオのカバー画像を更新するビデオのプレビュー画像として機能するビデオのカバー画像を更新します。

さらに、メディアエディタShopify Magicが提供するメディア生成を使用して、メディアファイルを編集することもできます。

他のタイプの編集を行う場合は、ファイルをダウンロードし、選択した編集ソフトウェアで編集を行い、[ファイル] ページに再度アップロードします。

ファイルを削除する

[ファイル] ページから1個以上のファイルを削除できます。一括操作について詳しくはこちらを参照してください。

手順:

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

  2. 削除するファイルの横にあるチェックボックスを選択します。複数のファイルを選択できます。

  3. [削除] をクリックし、もう一度 [削除] をクリックして確定します。

iPhone
  1. Shopifyアプリ[...] ボタンをタップし、[設定] をタップします。
  2. [ストアの設定] セクションで、[ファイル] をタップします。
  3. 削除するファイルの横にあるチェックボックスを選択します。複数のファイルを選択できます。
  4. [削除] をクリックし、もう一度 [削除] をクリックして確定します。
Android
  1. Shopifyアプリ[...] ボタンをタップし、[設定] をタップします。
  2. [ストアの設定] セクションで、[ファイル] をタップします。
  3. 削除するファイルの横にあるチェックボックスを選択します。複数のファイルを選択できます。
  4. [削除] をクリックし、もう一度 [削除] をクリックして確定します。

ファイルを置き換える

ファイルは、[ファイル] ページから置き換えることができます。一括操作でファイルを置き換えることはできません。

手順:

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

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

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

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

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

手順:

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

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

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

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

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

プランごとのファイル保存の上限

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

Shopifyの各種サブスクリプションプランにおける管理画面のファイル保存容量上限。
プランストアあたりの制限
エンタープライズ10 TB (テラバイト)
プラス300GB (ギガバイト)
Advanced300GB (ギガバイト)
Shopify300GB (ギガバイト)
Basic100GB (ギガバイト)
Starter100GB (ギガバイト)
Retail100GB (ギガバイト)
お探しの情報が見つかりませんか?いつでもお気軽にお問い合わせください。