> For the complete documentation index, see [llms.txt](https://help.pagefly.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.pagefly.io/pagefly-help-center-japanese/pjito/editor/extra-functions/use-image-manager-to-upload-media-files.md).

# PageFlyで画像と動画を管理する方法

### Image Managerとメディアファイルについて

Image Managerを使用すると、ページのデザイン中に画像をアップロードして選択できます。

画像または動画をPageFlyにアップロードすると、Shopifyのコンテンツ > ファイルに保存され、その後PageFlyのメディアファイルに反映されます。PageFlyにアップロードした画像や動画は、メディアファイル内で編集できます。

![](/files/bu5CVTdcx7SP6v54vtyj)

こちらの動画チュートリアルをご確認ください：

{% embed url="<https://www.youtube.com/watch?v=sF4FzPuQ6j4>" %}

### Image Managerを使用してメディアファイルをアップロードする方法

#### ステップ1：Image Managerにアクセスする

Image Managerは以下の場所にあります：

* Image要素の一般設定

![](/files/p0YY1BtIHgkNcc2RDL7j)

* コンテナの背景設定

![](/files/fjkRKiW2SK9Kd1Ecgqpj)

* HTML Video要素のカバー画像設定

![](/files/eJwa3p3v63ooyxSENwGA)

* HTML Video要素のHTML動画ソース (動画形式のアップロードのみ)

![](/files/852JJdyFdsdZmiHINyQz)

#### ステップ2：画像をアップロードする

Image Managerでは、画像をアップロードする方法が2つあります：

1. 「**Select image**」ボタンをクリックしてコンピュータから直接アップロードし、その後「**Add image**」ボタンをクリックします。
2. 「**Select image**」ボタンをクリックし、右上のリンクアイコンをクリックしてURLからアップロードします。

![](/files/tmlnyidS0VAbGC8SqBti)

{% hint style="warning" %}
**重要**: PageFlyはShopifyのフリー画像ライブラリと統合されたため、ユーザーはShopifyから直接フリー画像をアップロードできるようになりました。
{% endhint %}

Shopifyからフリー画像を選択すると、メディアファイルの最上部に保存され表示されます。

![](/files/P6IiW4TQGzqkerzW4yiz)

### メディアファイルを使用する方法

#### ステップ1：メディアファイルにアクセスする

Image Managerから「Open media files」をクリックして、メディアファイルにアクセスできます。

![](/files/z00goWozZumXd1YfrsqG)

または、PageFlyダッシュボードから左側のメニューに進み、「Extra functions」>「Media files」>「Manage」を選択します。

![](/files/FdmuKCxvzdyMUvcyrLct)

#### ステップ2：画像/動画をアップロードする

メディアファイルでは、画像または動画をアップロードする方法が2つあります：

* コンピュータからアップロード
* URLから追加

![](/files/5HrcQ2aDH1nOC1EONRF6)

{% hint style="info" %}
**注**: 保存されたセクションも、メディアファイル内に \[Section\_name]-PF\_DO\_NOT\_DELETE という名前の画像として保存されます。
{% endhint %}

![](/files/XP8HLkIZOIIokWnFOLBf)

#### ステップ3：画像/動画を編集する

編集したい画像または動画の編集アイコンをクリックします。

画像の場合、Image Editorで画像のトリミング、回転、サイズ変更、ズームイン/ズームアウト、altテキストの編集が可能です。編集された画像は、メディアファイル内に新しい画像として保存されます。

![](/files/K0NAMNDCVQvQcY5xA25K)

動画の場合、動画のaltテキストのみ編集できます。

![](/files/zBEwHiLo1aDJetVv3bjg)

### よくある質問

**1. Image managerとメディアファイルの違いは何ですか？**

メディアファイルは、PageFlyにアップロードしたすべての画像と動画を保存する場所です。PageFlyにアップロードした画像は、Shopifyのコンテンツ > ファイルに保存され、メディアファイルとImage Managerの両方に反映されます。

Image Managerは、メディアファイルで利用可能な画像を選択したり、PageFlyエディターから画像をアップロードするのに役立ちます。

**2. PageFlyでアップロードした画像を編集できますか？**

はい、メディアファイルのImage editorを使用してPageFlyにアップロードした画像を編集できます。

**3. メディアファイルで削除した画像を復元できますか？**

いいえ、できません。メディアファイルで画像を削除すると、完全に削除され、復元する方法はありません。

**4. Image managerにGIFをアップロードできますか？**

はい、他の画像形式と同様に、GIF形式をImage managerにアップロードできます。

### 追加リソース

* [How To Access HTML Video Element](https://help.pagefly.io/manual/html-video-element/)
* [How to Use Image Element with PageFly?](https://help.pagefly.io/manual/image-element/)


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.pagefly.io/pagefly-help-center-japanese/pjito/editor/extra-functions/use-image-manager-to-upload-media-files.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.