ファイルのアップロードと管理
[ファイル] セクションでは、画像、動画、3D モデル、および PDF や CSV ファイルなどの他のファイルタイプを含め、ストアにアップロードされたすべてのファイルを管理できます。Shopify 管理画面の [ファイル] セクションから、ファイルをアップロード、管理、削除できます。
ファイルピッカーは、以下の例のように、Shopify 管理画面のさまざまなエリアで利用できます。
- 商品へのメディアの追加。
- テーマの編集。
- メタフィールドの作成。
- リッチテキストエディタでのメディアの追加。
ファイルピッカーを使用してアップロードしたすべてのファイルは、Shopify 管理画面の [ファイル] ページに追加されます。
このページの内容
ファイルの要件
Shopify 管理画面の [ファイル] ページにファイルをアップロードできます。ファイルは、以下の要件を満たす必要があります。
画像ファイルの要件
| 属性 | 要件 |
|---|---|
| ファイルサイズ | 最大 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 秒 |
| ファイル名 | ファイル名には文字、数字、スペース、記号を使用できますが、ピリオド (.) で始めることはできません。 |
推奨される動画の仕様
| 項目 | 推奨事項 |
|---|---|
| アスペクト比 | アスペクト比は、次のいずれかにする必要があります。
|
| ビットレート | Shopifyの動画パイプラインは、アップロードされた動画を処理し、入力メディアを分析して、以下の範囲から適切なビットレートを選択することで、最適な画質を自動で選択します。
|
| フレームレート |
|
| 解像度 |
|
| 対応コーデック |
|
| 対応カラースペース |
|
一般ファイルの要件
一般ファイルとは HTML 以外のあらゆるファイルであり、お客様がダウンロードするためのものです。
| 属性 | 要件 |
|---|---|
| ファイルサイズ | 最大 20 MB |
| ファイル形式 | HTML を除くすべてのファイルタイプ |
| ファイル名 | ファイル名には文字、数字、スペース、記号を使用できますが、ピリオド (.) で始めることはできません。 |
ファイル形式の要件
有料プランを利用している場合は、HTML 以外のすべてのファイル形式をアップロードできます。
トライアルプランを利用している場合は、以下のファイル形式のみアップロードできます。
- JS
- CSS
- GIF
- JPEG
- PNG
- JSON
- CSV
- WebP
- HEIC
また、PDF ファイルをアップロードするには、メールアドレスを認証する必要もあります。
トライアルプランを利用していて他のファイル形式をアップロードする場合は、プランを確認して更新してください。
テーマ、ページ、ブログなど、ストアのさまざまな部分では、特定のファイル形式にのみ対応しています。対応しているファイル形式の詳細については、以下のリソースを参照してください。
- リッチテキストエディタを使用する:ページ、ブログ記事、商品とコレクションの説明、テーマの要素用
- メディアをアップロードする:テーマの画像と動画用
[ファイル] ページでファイルをアップロードする
[ファイル] ページで Shopify にファイルをアップロードできます。アップロードしたファイルは、ブランド画像、商品メディア、メタオブジェクトなどとして、管理画面全体で使用できます。
手順:
デスクトップ
管理画面から、[コンテンツ] > [ファイル] に移動します。
[ファイルをアップロード] をクリックします。
アップロードするファイルを最大 20 個選択し、[開く] をクリックします。
モバイル
Shopify アプリから、
アイコンをタップします。
[コンテンツ] メニューで
アイコンをタップしてから、[ファイル] をタップします。
[ファイルをアップロード] をタップします。
アップロードするファイルを最大 20 個選択し、[開く] をタップします。
ファイルリストの検索と絞り込み
管理画面の [コンテンツ] > [ファイル] ページ、またはファイルピッカーで、ファイルリストの絞り込みやファイルの検索ができます。
ファイルは、以下の方法で絞り込むことができます。
- 検索バーを使用して、ファイル名やファイルタイプなどのファイル属性を検索します。
- ファイルサイズの範囲セレクターを使用して、サイズで絞り込みます。
- ファイルタイプのメニューを使用して、タイプで絞り込みます。
- 使用場所メニューを使用して、ファイル参照で絞り込みます。
- 代替テキストメニューを使用して、代替テキストで絞り込みます。
絞り込みはすべて検索バーにインラインで表示されるため、検索結果に影響している条件の全体像を把握できます。また、論理演算子の is/is not や or/and を使用して、特定の絞り込み条件を含むさらに高度なビューを作成することもできます。
Shopify 管理画面でのリストビューの検索、絞り込み、並べ替えについて、詳しくはこちらをご覧ください。
手順:
管理画面から、[コンテンツ] > [ファイル] に移動します。
オプション: すべて をクリックしてビューメニューを開き、絞り込むビューを選択します。
絞り込みの演算子と値を選択します。選択できる値は、選択した絞り込みによって異なります。
オプション: 引き続きキーワードを入力して別の絞り込みや値を追加し、検索を絞り込みます:
- 検索に
and演算子を使用した絞り込みを追加するには、をクリックするか、スペースを追加して、含める追加の絞り込みの名前の入力を開始します。
- 絞り込みに
or演算子を使用した値を追加するには、カンマを追加して、含める追加の値の名前の入力を開始します。
- 検索に
オプション: 検索バーで任意の絞り込みのタグをクリックして、絞り込みを編集します。
フィルタービューを保存する
同じ検索や同じ条件での絞り込みを定期的に実行する必要がある場合は、絞り込みをビューとして保存して、簡単にアクセスできるようにすることができます。保存済みのビューは、ファイルの検索バーの左側にあるビューリストに追加されます。セレクターをクリックすると、保存済みの絞り込みパラメーターを使用してファイルを絞り込むことができます。
手順:
デスクトップ
管理画面から、[コンテンツ] > [ファイル] に移動します。
検索バーを使用して、適切な絞り込みと検索キーワードを適用します。
[保存] をクリックします。
[ビューを別名で保存] ダイアログで、保存するフィルタービューの名前を入力します。
[保存] をクリックします。
モバイル
Shopify アプリから、
アイコンをタップします。
[コンテンツ] メニューで
アイコンをタップしてから、[ファイル] をタップします。
[検索と絞り込み] オプションを使用して、適切なフィルターと検索キーワードを適用します。
… > 新しいビューとして保存 をタップします。
[ビューを別名で保存] ダイアログで、保存するフィルタービューの名前を入力します。
[保存] をタップします。
ファイルリストの列を編集する
列の編集はデフォルトのビューとカスタムビューの両方で行うことができ、加えた変更は現在表示しているビューにのみ適用されます。一番左のメインの列を除き、列を非表示にしたり再表示したりできるほか、列を並べ替えることもできます。
手順:
管理画面から、[コンテンツ] > [ファイル] に移動します。
オプション: すべて をクリックしてビューメニューを開き、列を編集するカスタムビューを選択します。
アイコンをクリックして、表示オプションパネルを開きます。
列セクションで、次のいずれかのアクションを実行してビューの列をカスタマイズします:
- 列を非表示にするには、
をクリックします。
- 列を再表示するには、
をクリックします。
- 列を並べ替えるには、
をクリックして列を上下にドラッグします。
- 列を非表示にするには、
オプション: 列の順序をカスタムビューに永続的に適用するには、保存 > ビューを更新 をクリックします。
一括操作で複数のファイルを削除する
どのファイルビューでも、一部またはすべてのファイルを選択して一括で削除できます。ファイルビューを切り替えてファイルの選択を続けたり、フィルターを適用したりキーワードを使用して検索したりすることで、選択対象の関連ファイルのみを表示することもできます。
Shopify 管理画面での一括操作の使用について、詳しくはこちらをご覧ください。
手順:
管理画面から、[コンテンツ] > [ファイル] に移動します。
ファイルビューをクリックします。
[ファイルを削除] をクリックします。
ダイアログで、[削除] をクリックします。
ファイルリストの並び順を変更する
デフォルトでは、ファイルはアップロードされた日付に基づき、新しいものから古いものへの順で表示されます。
ファイルリストの並び順は、以下のいずれかのオプションに変更できます。
| 並べ替えオプション | 値 | 説明 |
|---|---|---|
| 追加日 | [新しい順] または [古い順] で日付順に並べ替えられます。 | このオプションは、商品が作成された順にファイルを表示します。デフォルトでは、ファイルリストは 追加日: 新しい順 に並べ替えられています。 |
| ファイル名 | [A-Z] または [Z-A] のアルファベット順に並べ替えられます。 | このオプションでは、ファイル名によるアルファベット順でファイルが表示されます。 |
| サイズ | [小さい順] または [大きい順] でファイルサイズ順に並べ替えられます。 | このオプションでは、ファイルサイズの順にファイルが表示されます。 |
手順:
デスクトップ
管理画面から、[コンテンツ] > [ファイル] に移動します。
オプション: すべて をクリックしてビューメニューを開き、並べ替え順序を確認するカスタムビューを選択します。
アイコンをクリックして、表示オプションパネルを開きます。
並べ替え メニューをクリックし、並べ替え条件のオプションと並べ替え順序を選択します。
モバイル
Shopify アプリから、
アイコンをタップします。
[コンテンツ] メニューで
アイコンをタップしてから、[ファイル] をタップします。
オプション: すべて をタップしてビューメニューを開き、並べ替え順序を確認するカスタムビューを選択します。
アイコンをタップして、表示オプションパネルを開きます。
並べ替え メニューをタップし、並べ替え条件のオプションと並べ替え順序を選択します。
ファイルをダウンロード可能にする
訪問者がファイルをダウンロードできるようにする場合は、[ファイル] ページを使用してファイルをアップロードし、ページのコンテンツ内またはオンラインストアのメニューにそのファイルへのリンクを追加します。ファイルの横にある [リンク] ボタンをクリックすると、ファイルへのリンクをクリップボードにコピーできます。
オリジナルメディアのダウンロード
Shopify の画像サービスは画像や動画を管理し、オンラインストアの適切な場所で最適なフォーマットが表示されるようにします。
[プレビューと編集] ウィンドウにあるダウンロードボタンを使用して、最適化されていないオリジナルファイルをデバイスにダウンロードできます。
手順:
デスクトップ
管理画面から、[コンテンツ] > [ファイル] に移動します。
目的のファイルをクリックするか、フィルターを使用して特定のメディアファイルを並べ替えるか、または検索します。
ダウンロードボタンをクリックします。元のフォーマットがデバイスに保存されます。
モバイル
Shopify アプリから、
アイコンをタップします。
[コンテンツ] メニューで
アイコンをタップしてから、[ファイル] をタップします。
目的のファイルをタップするか、フィルターを使用して特定のメディアファイルを並べ替えるか、または検索します。
ダウンロードボタンをタップします。元のフォーマットがデバイスに保存されます。
ファイルの編集
[ファイル] ページでファイルのサムネイルをクリックすると、ファイルをプレビューおよび編集できます。[ファイル] ページで行った編集は、ストアでそのファイルが使用されているすべての場所に適用されます。
ファイルを編集する方法の詳細については、以下の表を確認してください。
| 操作 | 説明 |
|---|---|
| ファイルの名前を変更する | ファイルの URL ハンドルを変更することで、ファイル名を更新します。ファイルの URL を変更すると、そのファイルの以前の URL は機能しなくなります。 |
| ファイルを置き換える | 既存のファイルを新しいファイルに置き換え、ファイル名と URL ハンドルは同じものを維持します。JPG ファイルを別の JPG ファイルに置き換えるなど、同じファイル形式のファイルとのみ置き換えができます。 |
| 代替テキストを追加する | 視覚に障碍のある人や、低帯域幅の接続を使用している人のために、画像や動画の簡単な説明を追加します。 |
| 画像にフォーカルポイントを追加する | テーマが画像をよりインテリジェントにトリミングできるように、画像の最も重要な部分を選択します。 |
| 動画のカバー画像を更新する | 動画のプレビュー画像として機能する動画のカバー画像を更新します。 |
メディアエディタやShopify Magic を利用したメディア生成を使用してメディアファイルを編集することもできます。
他の種類の編集を行うには、ファイルをダウンロードし、任意の編集ソフトウェアで編集を行ってから、[ファイル] ページに再度アップロードします。
ファイルを削除する
[ファイル] ページから、1つまたは複数のファイルを削除できます。一括操作について詳しくはこちら。
手順:
デスクトップ
管理画面から、[コンテンツ] > [ファイル] に移動します。
削除するファイルの横にあるチェックボックスを選択します。複数のファイルを選択できます。
[削除] をクリックし、もう一度 [削除] をクリックして確定します。
モバイル
Shopify アプリから、
アイコンをタップします。
[コンテンツ] メニューで
アイコンをタップしてから、[ファイル] をタップします。
削除するファイルの横にあるチェックボックスを選択します。複数のファイルを選択できます。
[削除] をタップし、もう一度 [削除] をタップして確定します。
ファイルを置き換える
[ファイル] ページからファイルを置き換えることができます。一括操作でファイルを置き換えることはできません。
手順:
管理画面から、[コンテンツ] > [ファイル] に移動します。
ファイル名の横にある [置き換え] アイコンをクリックします。
アップロードするファイルを選択します。
既存のファイルを上書きせずにファイルを編集する
ファイルエディタでは、画像の背景を変更するなど、画像に破壊的な編集を加えることが可能です。既存のファイルを上書きせずに変更を加えるには、変更を新規として保存します。
手順:
管理画面から、[コンテンツ] > [ファイル] に移動します。
メディアファイルを選択して、ファイルエディタを開きます。
ファイルを編集します。
[保存] ドロップダウンメニューから、[新規として保存] を選択します。
[新規として保存] すると、新しいファイルがストアのファイルシステムに保存され、元の画像は元の状態のまま維持されます。
プラン別のファイルストレージ上限
アップロードしたファイルに使用できるストレージの容量は、Shopify サブスクリプションプランによって異なります。
ファイルストレージの上限に関する詳細は、次の表を確認してください。
| プラン | ストアごとの上限 |
|---|---|
| Starter | 100 GB |
| Pause and Build | 100 GB |
| Retail | 100 GB |
| Basic と Shopify パートナーの開発ストア | 100 GB |
| Grow | 300 GB |
| Advanced | 500 GB |
| Plus と Shopify パートナーのPlus サンドボックスストア | 1 TB |
| Enterprise | 10 TB |
有料ストレージの増量
組織のファイルストレージ容量を追加購入する場合、組織のオーナーは Shopify サポートに問い合わせて、ストレージの増量をリクエストできます。
リクエストされた増量分は、1つの本番ストアと最大2つの開発ストアに追加されます。対象となる3つのストアはすべて、それぞれが増量されます。増量分がストア間で分割されることはありません。増量は、利用可能な増量単位で行う必要があります。一部のみの有料増量は利用できません。
| プラン | 増量単位あたりの料金 |
|---|---|
| Plus | 1 TB ごとに月額 100米ドル |
| Enterprise | 10 TB ごとに月額 1,000米ドル |
プラン別の動画と3Dモデルの上限
アップロードできる動画と3Dモデルの数は、Shopify サブスクリプションプランによって異なります。
動画と3Dモデルの上限に関する詳細は、次の表を確認してください。
| プラン | ストアごとの上限 |
|---|---|
| Starter | 250 |
| Pause and Build | 250 |
| Retail | 250 |
| Basic と Shopify パートナーの開発ストア | 250 |
| Grow | 1,000 |
| Advanced | 5,000 |
| Plus と Shopify パートナーのPlus サンドボックスストア | 50,000 |
| Enterprise | 100,000 |
プラン別の動画ストレージ上限
アップロードした動画に利用できるストレージの容量は、Shopify サブスクリプションプランによって異なります。
動画ストレージの上限に関する詳細は、次の表を確認してください。
| プラン | ストアごとの上限 |
|---|---|
| Starter | 50 GB |
| Pause and Build | 50 GB |
| Retail | 50 GB |
| Basic と Shopify パートナーの開発ストア | 50 GB |
| Shopify パートナーのPlus サンドボックスストア | 60 GB |
| Grow | 500 GB |
| Advanced | 500 GB |
| Plus | 2 TB |
| Enterprise | 10 TB |
ファイル名のベストプラクティス
画像ファイルをアップロードすると、ファイル名に固有の ID が追加される場合があります。これは、次のような場合に発生します。
- ストアに同じ名前のファイルがすでに存在する場合。これには、商品ページに直接アップロードされたファイルで、[コンテンツ] > [ファイル] に表示されない可能性があるものが含まれます。
- ファイル名に、Shopify のコンテンツデリバリーネットワーク (CDN) と競合する特殊文字や書式が含まれている場合。
ファイル名に固有の ID が追加されないようにするには、次のファイル命名方法を使用してください。
- ファイル名が固有であり、ストア内の既存のどのファイルとも一致しないようにしてください。
- ファイル名では、画像サイズの直前にアンダースコアを使用しないようにしてください。たとえば、
product_image_5x4.jpegの代わりにproduct-image-5x4.jpegを使用します。 - 特殊な書式を含まない、分かりやすいファイル名を使用してください。
アップロード後にファイル名を変更する必要がある場合は、[コンテンツ] > [ファイル] ページから URL ハンドルを編集することで、ファイル名を変更できます。
画像の生成
Shopify 管理画面全体の統合されたファイルピッカーで、AI を使用して画像を直接生成できます。この機能を使用すると、商品、コンテンツ、マーケティング資料用のカスタム画像を外部ツールなしで作成できます。
画像を生成すると、画像は一時的に作成され、ファイルピッカーに表示されます。生成された画像をストアに保存するには、「保持する」をクリックする必要があります。「保持する」をクリックして画像を保存しない場合、生成された画像は破棄され、ストアには保存されません。