ファイルのアップロードと管理
管理画面の [ファイル] セクションから、ファイルをアップロード、管理、削除することができます。
[ファイル] セクションには、以下の種類のファイルを使用できます。
テーマを編集する場合、メタフィールドを作成する場合、またはリッチテキストエディタを使用してテーマコンテンツ、ページ、ブログ記事、商品説明、またはコレクション説明を編集する場合に、ファイルをアップロードすることもできます。アップロードしたファイルは、[ファイル] ページに表示されます。
[ファイル] ページにアクセスするには、[コンテンツ] > [ファイル] の順に移動します。
目次
ファイルの要件
管理画面の [ファイル] ページに画像をアップロードできます。ファイルは以下の要件を満たす必要があります。
画像ファイルの要件
属性 | 要件 |
---|---|
ファイルサイズ | 最大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個選択して、[開く] をクリックします。
iPhone
- Shopifyアプリで [...] ボタンをタップし、[設定] をタップします。
- [ストアの設定] セクションで、[ファイル] をタップします。
- [ファイルをアップロード] をクリックします。
- アップロードするファイルを最多で20個選択して、[開く] をクリックします。
Android
- Shopifyアプリで [...] ボタンをタップし、[設定] をタップします。
- [ストアの設定] セクションで、[ファイル] をタップします。
- [ファイルをアップロード] をクリックします。
- アップロードするファイルを最多で20個選択して、[開く] をクリックします。
ファイルリストを検索して絞り込む
管理画面のコンテンツ>ファイルページまたはファイルピッカーからファイルリストをフィルタリングしたり、ファイルを検索したりできます。
以下の方法でファイルを絞り込めます。
- 検索バーを使用して、ファイル名やファイル形式などのファイル属性で検索する
- [ファイルサイズ] ドロップダウンメニューを使用してサイズで絞り込む
- [ファイルタイプ] ドロップダウンメニューを使用してタイプで絞り込む
- [使用箇所] ドロップダウンメニューを使用してファイル参照で絞り込む
手順:
デスクトップ
管理画面で [コンテンツ] > [ファイル] の順に移動します。
虫めがねとトリグラムのアイコンをクリックして、[検索と絞り込み] を選択します。
以下の組み合わせの操作を実行します。
- 検索バーにファイル名の一部または全部を入力するか、お探しのファイルに該当するファイルの拡張子 (
.jpg
や.pdf
など) を入力します。 - [ファイルサイズ] ドロップダウンメニューを使用して、表示するファイルの最小サイズ、最大サイズのいずれか、または両方を設定します。
- [ファイルのタイプ] ドロップダウンメニューを使用して、探しているファイルのタイプを選択します。
- [使用箇所] ドロップダウンメニューからファイルが参照されている場所を選択します。
iPhone
- Shopifyアプリで [...] ボタンをタップし、[設定] をタップします。
- [ストアの設定] セクションで、[ファイル] をタップします。
- 虫めがねとトリグラムのアイコンをクリックして、[検索と絞り込み] を選択します。
- 以下の組み合わせの操作を実行します。
- 検索バーにファイル名の一部または全部を入力するか、お探しのファイルに該当するファイルの拡張子 (
.jpg
や.pdf
など) を入力します。 - [ファイルサイズ] ドロップダウンメニューを使用して、表示するファイルの最小サイズ、最大サイズのいずれか、または両方を設定します。
- [ファイルのタイプ] ドロップダウンメニューを使用して、探しているファイルのタイプを選択します。
- [使用箇所] ドロップダウンメニューからファイルが参照されている場所を選択します。
Android
- Shopifyアプリで [...] ボタンをタップし、[設定] をタップします。
- [ストアの設定] セクションで、[ファイル] をタップします。
- 虫めがねとトリグラムのアイコンをクリックして、[検索と絞り込み] を選択します。
- 以下の組み合わせの操作を実行します。
- 検索バーにファイル名の一部または全部を入力するか、お探しのファイルに該当するファイルの拡張子 (
.jpg
や.pdf
など) を入力します。 - [ファイルサイズ] ドロップダウンメニューを使用して、表示するファイルの最小サイズ、最大サイズのいずれか、または両方を設定します。
- [ファイルのタイプ] ドロップダウンメニューを使用して、探しているファイルのタイプを選択します。
- [使用箇所] ドロップダウンメニューからファイルが参照されている場所を選択します。
絞り込みビューを保存
定期的に同じ検索を実行するか、同じ用語で絞り込む場合は、絞り込みをビューとして保存すると、もっと簡単にアクセスできます。保存したビューは [ファイル] ページの上部にタブとして追加されます。タブをクリックすると、保存された絞り込みパラメーターを使用してファイルを絞り込めます。
手順:
デスクトップ
管理画面で [コンテンツ] > [ファイル] の順に移動します。
[検索と絞り込み] オプションを使用して、適切な絞り込みと検索キーワードを適用します。
[名前を付けて保存] をクリックします。
[表示内容を保存] ダイアログで、保存した絞り込みビューの名前を入力します。
[保存] をクリックします。
iPhone
- Shopifyアプリで [...] ボタンをタップし、[設定] をタップします。
- [ストアの設定] セクションで、[ファイル] をタップします。
- [検索と絞り込み] オプションを使用して、適切な絞り込みと検索キーワードを適用します。
- [名前を付けて保存] をクリックします。
- [表示内容を保存] ダイアログで、保存した絞り込みビューの名前を入力します。
- [保存] をクリックします。
Android
- Shopifyアプリで [...] ボタンをタップし、[設定] をタップします。
- [ストアの設定] セクションで、[ファイル] をタップします。
- [検索と絞り込み] オプションを使用して、適切な絞り込みと検索キーワードを適用します。
- [名前を付けて保存] をクリックします。
- [表示内容を保存] ダイアログで、保存した絞り込みビューの名前を入力します。
- [保存] をクリックします。
ファイルリストの並べ替え順序を変更する
デフォルトでは、アップロードされた日付に基づいてファイルが最新のものから最も古いもの順に一覧表示されます。
ファイルリストの並び順を、以下のいずれかのオプションに変更できます。
並べ替えオプション | 値 | 説明 |
---|---|---|
日付 | 古い順または最新順 で日付順に並べ替え | このオプションは、商品が作成された順番でファイルを表示します。デフォルトでは、ファイルリストは日付順で 最新順に並べ替えられています。 |
ファイル名 | アルファベット順で A-Z または Z-A に並べ替え | このオプションでは、ファイルをファイル名のアルファベット順に表示します。 |
ファイルサイズ | ファイルサイズ順で 小さい順 または 大きい順に並べ替え | このオプションでは、ファイルをファイル サイズ順に表示します。 |
手順:
デスクトップ
管理画面で [コンテンツ] > [ファイル] の順に移動します。
⇅ アイコンをクリックして並べ替え、リストからオプションを選択します。
iPhone
- Shopifyアプリで [...] ボタンをタップし、[設定] をタップします。
- [ストアの設定] セクションで、[ファイル] をタップします。
- [⇅] をクリックして並べ替え、リストからオプションを選択します。
Android
- Shopifyアプリで [...] ボタンをタップし、[設定] をタップします。
- [ストアの設定] セクションで、[ファイル] をタップします。
- [⇅] をクリックして並べ替え、リストからオプションを選択します。
ファイルをダウンロードできるようにする
訪問者がファイルをダウンロードできるようにしたい場合は、[ファイル] ページを使用してファイルをアップロードし、そのファイルへのリンクをページのコンテンツかオンラインストアのメニューに追加します。ファイルの横にある [リンク] ボタンをクリックして、ファイルへのリンクをクリップボードにコピーできます。
オリジナルメディアのダウンロード
Shopifyの画像サービスを利用すると、画像とビデオを管理して、オンラインストアの適切な場所に、できる限り最適な形式で表示できます。
[プレビューと編集] ウィンドウのダウンロードボタンを使用して、最適化されていないオリジナルのファイルをデバイスにダウンロードできます。
手順:
デスクトップ
管理画面で [コンテンツ] > [ファイル] の順に移動します。
目的のファイルをクリックするか、絞り込みを使用して特定のメディアファイルを並べ替えるか探します。
ダウンロードボタンをクリックします。オリジナルの形式でデバイスに保存されます。
iPhone
- Shopifyアプリで [...] ボタンをタップし、[設定] をタップします。
- [ストアの設定] セクションで、[ファイル] をタップします。
- 目的のファイルをクリックするか、絞り込みを使用して特定のメディアファイルを並べ替えるか探します。
- ダウンロードボタンをクリックします。オリジナルの形式でデバイスに保存されます。
Android
- Shopifyアプリで [...] ボタンをタップし、[設定] をタップします。
- [ストアの設定] セクションで、[ファイル] をタップします。
- 目的のファイルをクリックするか、絞り込みを使用して特定のメディアファイルを並べ替えるか探します。
- ダウンロードボタンをクリックします。オリジナルの形式でデバイスに保存されます。
ファイルを編集する
[ファイル] ページでファイルのサムネイルをクリックして、ファイルをプレビューおよび編集することができます。[ファイル] ページで行なう編集は、ストア内のファイルが使用されている場所すべてに適用されます。
ファイルを編集する方法の詳細については、以下の表を確認してください。
アクション | 説明 |
---|---|
ファイル名を変更する | ファイルのURLハンドルを変更して、ファイル名を更新します。ファイルのURLを変更すると、そのファイルの以前のURLは機能しなくなります。 |
ファイルを置き換える | 既存のファイルを新しいファイルに置き換え、同じファイル名とURLハンドルを保持します。JPGファイルを別のJPGファイルに置き換えるなど、同じファイル形式でのみファイルを置き換えることができます。 |
代替テキストを追加 | 視覚障害や低帯域幅のユーザーのために、画像やビデオの簡単な説明を追加します。 |
画像にフォーカルポイントを追加する | 画像の最も重要な部分を選択して、テーマによって画像をよりスマートにトリミングすることができます。 |
ビデオのカバー画像を更新する | ビデオのプレビュー画像として機能するビデオのカバー画像を更新します。 |
さらに、メディアエディタとShopify Magicが提供するメディア生成を使用して、メディアファイルを編集することもできます。
他のタイプの編集を行う場合は、ファイルをダウンロードし、選択した編集ソフトウェアで編集を行い、[ファイル] ページに再度アップロードします。
ファイルを削除する
[ファイル] ページから1個以上のファイルを削除できます。一括操作について詳しくはこちらを参照してください。
手順:
デスクトップ
管理画面で [コンテンツ] > [ファイル] の順に移動します。
削除するファイルの横にあるチェックボックスを選択します。複数のファイルを選択できます。
[削除] をクリックし、もう一度 [削除] をクリックして確定します。
iPhone
- Shopifyアプリで [...] ボタンをタップし、[設定] をタップします。
- [ストアの設定] セクションで、[ファイル] をタップします。
- 削除するファイルの横にあるチェックボックスを選択します。複数のファイルを選択できます。
- [削除] をクリックし、もう一度 [削除] をクリックして確定します。
Android
- Shopifyアプリで [...] ボタンをタップし、[設定] をタップします。
- [ストアの設定] セクションで、[ファイル] をタップします。
- 削除するファイルの横にあるチェックボックスを選択します。複数のファイルを選択できます。
- [削除] をクリックし、もう一度 [削除] をクリックして確定します。
ファイルを置き換える
ファイルは、[ファイル] ページから置き換えることができます。一括操作でファイルを置き換えることはできません。
手順:
管理画面で [コンテンツ] > [ファイル] の順に移動します。
ファイル名の横にある置き換えアイコンをクリックします。
アップロードするファイルを選択します。
既存ファイルを上書きせずにファイルを編集する
ファイルエディタでは、画像の背景を変更するなど、画像に大規模な編集を加えることが可能です。既存ファイルを上書きせずに変更を行うには、変更を新規として保存します。
手順:
管理画面で [コンテンツ] > [ファイル] の順に移動します。
メディアファイルを選択し、ファイルエディタを開きます。
ファイルを編集します。
[保存] ドロップダウンメニューから、[新規として保存] を選択します。
新規として保存すると、元の画像は元の状態のまま残り、新しいファイルがストアのファイルシステムに保存されます。
プランごとのファイル保存の上限
アップロードしたファイルに使用できるストレージの量は、Shopify サブスクリプション プランによって異なります。
プラン | ストアあたりの制限 |
---|---|
エンタープライズ | 10 TB (テラバイト) |
プラス | 300GB (ギガバイト) |
Advanced | 300GB (ギガバイト) |
Shopify | 300GB (ギガバイト) |
Basic | 100GB (ギガバイト) |
Starter | 100GB (ギガバイト) |
Retail | 100GB (ギガバイト) |