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

[ファイル] セクションでは、画像、動画、3D モデル、および PDF や CSV ファイルなどの他のファイルタイプを含め、ストアにアップロードされたすべてのファイルを管理できます。Shopify 管理画面の [ファイル] セクションから、ファイルをアップロード、管理、削除できます。

ファイルピッカーは、以下の例のように、Shopify 管理画面のさまざまなエリアで利用できます。

ファイルピッカーを使用してアップロードしたすべてのファイルは、Shopify 管理画面の [ファイル] ページに追加されます。

ファイルの要件

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

画像ファイルの要件

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

動画ファイルの要件

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

推奨される動画の仕様

Shopify 管理画面の動画で推奨される、アスペクト比、ビットレート、フレームレート、解像度、サポートされているコーデック、サポートされているカラースペースです。
項目推奨事項
アスペクト比アスペクト比は、次のいずれかにする必要があります。
  • 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)
上記の解像度について、縦向き (例:720 x 1280 px) も推奨されます。
対応コーデック
  • 動画: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 個選択し、[開く] をクリックします。

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

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

  3. [ファイルをアップロード] をタップします。

  4. アップロードするファイルを最大 20 個選択し、[開く] をタップします。

ファイルリストの検索と絞り込み

管理画面の [コンテンツ] > [ファイル] ページ、またはファイルピッカーで、ファイルリストの絞り込みやファイルの検索ができます。

ファイルは、以下の方法で絞り込むことができます。

  • 検索バーを使用して、ファイル名やファイルタイプなどのファイル属性を検索します。
  • ファイルサイズの範囲セレクターを使用して、サイズで絞り込みます。
  • ファイルタイプのメニューを使用して、タイプで絞り込みます。
  • 使用場所メニューを使用して、ファイル参照で絞り込みます。
  • 代替テキストメニューを使用して、代替テキストで絞り込みます。

絞り込みはすべて検索バーにインラインで表示されるため、検索結果に影響している条件の全体像を把握できます。また、論理演算子の is/is notor/and を使用して、特定の絞り込み条件を含むさらに高度なビューを作成することもできます。

Shopify 管理画面でのリストビューの検索、絞り込み、並べ替えについて、詳しくはこちらをご覧ください。

手順:

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

  2. オプション: すべて をクリックしてビューメニューを開き、絞り込むビューを選択します。

  3. 絞り込みの演算子と値を選択します。選択できる値は、選択した絞り込みによって異なります。

  4. オプション: 引き続きキーワードを入力して別の絞り込みや値を追加し、検索を絞り込みます:

    • 検索に and 演算子を使用した絞り込みを追加するには、Plus Circle Icon をクリックするか、スペースを追加して、含める追加の絞り込みの名前の入力を開始します。
    • 絞り込みに or 演算子を使用した値を追加するには、カンマを追加して、含める追加の値の名前の入力を開始します。
  5. オプション: 検索バーで任意の絞り込みのタグをクリックして、絞り込みを編集します。

フィルタービューを保存する

同じ検索や同じ条件での絞り込みを定期的に実行する必要がある場合は、絞り込みをビューとして保存して、簡単にアクセスできるようにすることができます。保存済みのビューは、ファイルの検索バーの左側にあるビューリストに追加されます。セレクターをクリックすると、保存済みの絞り込みパラメーターを使用してファイルを絞り込むことができます。

手順:

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

  2. 検索バーを使用して、適切な絞り込みと検索キーワードを適用します。

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

  4. [ビューを別名で保存] ダイアログで、保存するフィルタービューの名前を入力します。

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

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

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

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

  4. > 新しいビューとして保存 をタップします。

  5. [ビューを別名で保存] ダイアログで、保存するフィルタービューの名前を入力します。

  6. [保存] をタップします。

ファイルリストの列を編集する

列の編集はデフォルトのビューとカスタムビューの両方で行うことができ、加えた変更は現在表示しているビューにのみ適用されます。一番左のメインの列を除き、列を非表示にしたり再表示したりできるほか、列を並べ替えることもできます。

手順:

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

  2. オプション: すべて をクリックしてビューメニューを開き、列を編集するカスタムビューを選択します。

  3. Layout Columns 3 アイコンをクリックして、表示オプションパネルを開きます。

  4. セクションで、次のいずれかのアクションを実行してビューの列をカスタマイズします:

    • 列を非表示にするには、View をクリックします。
    • 列を再表示するには、Hide をクリックします。
    • 列を並べ替えるには、Drag handle をクリックして列を上下にドラッグします。
  5. オプション: 列の順序をカスタムビューに永続的に適用するには、保存 > ビューを更新 をクリックします。

一括操作で複数のファイルを削除する

どのファイルビューでも、一部またはすべてのファイルを選択して一括で削除できます。ファイルビューを切り替えてファイルの選択を続けたり、フィルターを適用したりキーワードを使用して検索したりすることで、選択対象の関連ファイルのみを表示することもできます。

Shopify 管理画面での一括操作の使用について、詳しくはこちらをご覧ください。

手順:

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

  2. ファイルビューをクリックします。

  3. 削除するアイテムを選択します

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

  5. ダイアログで、[削除] をクリックします。

ファイルリストの並び順を変更する

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

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

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

手順:

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

  2. オプション: すべて をクリックしてビューメニューを開き、並べ替え順序を確認するカスタムビューを選択します。

  3. Layout Columns 3 アイコンをクリックして、表示オプションパネルを開きます。

  4. Sort 並べ替え メニューをクリックし、並べ替え条件のオプションと並べ替え順序を選択します。

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

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

  3. オプション: すべて をタップしてビューメニューを開き、並べ替え順序を確認するカスタムビューを選択します。

  4. Layout Columns 3 アイコンをタップして、表示オプションパネルを開きます。

  5. Sort 並べ替え メニューをタップし、並べ替え条件のオプションと並べ替え順序を選択します。

ファイルをダウンロード可能にする

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

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

Shopify の画像サービスは画像や動画を管理し、オンラインストアの適切な場所で最適なフォーマットが表示されるようにします。

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

手順:

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

  2. 目的のファイルをクリックするか、フィルターを使用して特定のメディアファイルを並べ替えるか、または検索します。

  3. ダウンロードボタンをクリックします。元のフォーマットがデバイスに保存されます。

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

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

  3. 目的のファイルをタップするか、フィルターを使用して特定のメディアファイルを並べ替えるか、または検索します。

  4. ダウンロードボタンをタップします。元のフォーマットがデバイスに保存されます。

ファイルの編集

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

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

Shopify 管理画面でファイルを編集するために実行できる操作の一覧です。
操作説明
ファイルの名前を変更するファイルの URL ハンドルを変更することで、ファイル名を更新します。ファイルの URL を変更すると、そのファイルの以前の URL は機能しなくなります。
ファイルを置き換える既存のファイルを新しいファイルに置き換え、ファイル名と URL ハンドルは同じものを維持します。JPG ファイルを別の JPG ファイルに置き換えるなど、同じファイル形式のファイルとのみ置き換えができます。
代替テキストを追加する視覚に障碍のある人や、低帯域幅の接続を使用している人のために、画像や動画の簡単な説明を追加します。
画像にフォーカルポイントを追加するテーマが画像をよりインテリジェントにトリミングできるように、画像の最も重要な部分を選択します。
動画のカバー画像を更新する動画のプレビュー画像として機能する動画のカバー画像を更新します。

メディアエディタShopify Magic を利用したメディア生成を使用してメディアファイルを編集することもできます。

他の種類の編集を行うには、ファイルをダウンロードし、任意の編集ソフトウェアで編集を行ってから、[ファイル] ページに再度アップロードします。

ファイルを削除する

[ファイル] ページから、1つまたは複数のファイルを削除できます。一括操作について詳しくはこちら

手順:

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

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

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

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

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

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

  4. [削除] をタップし、もう一度 [削除] をタップして確定します。

ファイルを置き換える

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

手順:

  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モデルの数は、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

ファイル名のベストプラクティス

画像ファイルをアップロードすると、ファイル名に固有の ID が追加される場合があります。これは、次のような場合に発生します。

  • ストアに同じ名前のファイルがすでに存在する場合。これには、商品ページに直接アップロードされたファイルで、[コンテンツ] > [ファイル] に表示されない可能性があるものが含まれます。
  • ファイル名に、Shopify のコンテンツデリバリーネットワーク (CDN) と競合する特殊文字や書式が含まれている場合。

ファイル名に固有の ID が追加されないようにするには、次のファイル命名方法を使用してください。

  • ファイル名が固有であり、ストア内の既存のどのファイルとも一致しないようにしてください。
  • ファイル名では、画像サイズの直前にアンダースコアを使用しないようにしてください。たとえば、product_image_5x4.jpeg の代わりに product-image-5x4.jpeg を使用します。
  • 特殊な書式を含まない、分かりやすいファイル名を使用してください。

アップロード後にファイル名を変更する必要がある場合は、[コンテンツ] > [ファイル] ページから URL ハンドルを編集することで、ファイル名を変更できます。

画像の生成

Shopify 管理画面全体の統合されたファイルピッカーで、AI を使用して画像を直接生成できます。この機能を使用すると、商品、コンテンツ、マーケティング資料用のカスタム画像を外部ツールなしで作成できます。

画像を生成すると、画像は一時的に作成され、ファイルピッカーに表示されます。生成された画像をストアに保存するには、「保持する」をクリックする必要があります。「保持する」をクリックして画像を保存しない場合、生成された画像は破棄され、ストアには保存されません。