# PageFlyエディタでTinyIMGを使用して画像を最適化する方法

### TinyIMGについて

TinyIMGは、画像の品質を損なわずにファイルサイズを削減することで、ストアのページ速度を向上させる強力なツールです。ページの読み込み速度が速いと、顧客体験が向上し、SEOランキングも上がります。ただし、PageFlyエディターに要素を直接追加する他のサードパーティアプリとは異なり、TinyIMGの仕組みは異なります。[PageFlyページ上の画像を最適化する](https://help.pagefly.io/manual/how-to-optimize-images-with-tinyimg-in-the-pagefly-editor/)には、TinyIMGに別途アクセスして使用する必要があります。

### PageFlyでTinyIMG機能にアクセスする方法

PageFlyで画像を最適化するには、Shopifyストアに[TinyIMG](https://tiny-img.com/?ref%3Dpagefly_integration)と[PageFly](https://apps.shopify.com/pagefly?utm_source%3Dmanual%26utm_medium%3Darticle%26utm_campaign%3Dapp-listing/)の両アプリがインストールされていることを確認してください。

### PageFlyでTinyIMGを使って画像を最適化する方法

{% hint style="warning" %}
**重要な注意**:

* この最適化機能は、PageFlyページにアップロードされた画像（画像要素および背景画像）にのみ適用されます。商品画像やコレクション画像には適用されません。
* 各画像はTinyIMGを使って一度だけ最適化できます。
  {% endhint %}

#### 画像を個別に最適化する

PageFlyエディターで画像をアップロードした後、**General**タブに移動します。

そこに**Optimize**機能があります。それをクリックするだけで、画像が自動的に最適化されます。

![](/files/6XLWNWSkJM7ALr7oNVSg)

#### ページ上のすべての画像を最適化する

* PageFlyで**Media Manager**を開きます。
* Speedアイコンをクリックして、一括最適化を開始します。
* ページ上のすべての画像が一括で最適化されます。
* PageFlyで最適化できる画像の数に制限はありません（これはTinyIMGアプリで選択したプランによります）。

![](/files/ytMDGGXeM5a3oO2ykgkW) その後、**Extra Function > Media Files**にアクセスして、最適化された画像サイズを確認できます。

![](/files/XXEO0lzxgIwKSKP8pkAV)

### よくあるケース

画像が最適化されているかどうかは、画像サイズの横にこのような青い点が表示されます。

![](/files/kYrb9qbqO0nSZOfDJ28A)

### よくある質問

**1. TinyIMGはPageFlyとどのように連携しますか？**

TinyIMGはPageFlyと統合し、画像を直接最適化します。

**2. 最適化後に新しい画像が生成されますか？**

はい、最適化プロセスにより、新しく最適化されたバージョンの画像が生成されます。


---

# Agent Instructions: 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/optimization/how-to-optimize-images-with-tinyimg-in-the-pagefly-editor.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.