# 画像サイズの制限

### 概要

ShopifyでPageFlyページビルダーを使用する際、20MBより大きい画像をアップロードすると、ページあたりの最大データ制限を超過したためにエラーが発生する可能性があります。この問題は、読み込み時間の長期化や、画像のアップロードそのものができなくなる原因となります。この記事では、これらの問題を回避するために[画像サイズを効果的に制限する方法](https://help.pagefly.io/manual/limit-image-size/)について説明します。

![](https://github.com/sellersmith/pagefly-help-center/blob/master/ja/images/AD_4nXeEubiXyYZ_Pw5nAZH8PGSUoA3UlpqEZbqcpAy0BCyKwjBimO-_ULxMGMsVjzUn4IeUDKM2mdqXFQ62ydNobhR5BdB3UPfuYZCG77iBcyTgORA1SsT7jV9UJICKzSVURalYppM_ZcpOIgNetrMjfQ)

### 要件

* 画像サイズの基本的な理解：画像の寸法とファイルサイズがウェブパフォーマンスに与える影響についての知識。
* 画像最適化ツール：画像のサイズ変更や圧縮のための画像最適化ツールへのアクセス。

### PageFlyで「画像サイズ制限」エラーを修正する方法

PageFlyページに画像をアップロードする際のエラーを防ぐには、以下のヒントに従ってください。

#### 別の画像を選択する

Shopifyの20MBサイズ制限に自然に準拠する画像を選択します。圧縮の必要性を最小限に抑え、画像の品質を維持するために、このサイズに近い画像を選択します。

#### 画像を圧縮する

同じ画像を使用できますが、以下の手順に従ってサイズを20MB未満に圧縮してください。

1. [TinyPNG](https://tinypng.com/)や[ImageOptim](https://imageoptim.com/)のような信頼できる画像最適化ツールを選択します。
2. 選択したツールに画像をアップロードします。
3. 圧縮レベルを選択します（この手順は一部のツールでは利用できない場合があります）。
4. 圧縮設定を適用して、ファイルサイズを20MB未満に削減します。ファイルサイズと画質のバランスを目指します。
5. 最適化された画像をデバイスに保存します。
6. 最適化された画像をPageFlyページにアップロードします。

問題が解決しない場合は、24時間年中無休で利用可能なアプリ内ライブチャットを通じて、[PageFlyサポートチーム](https://pagefly.io/pages/customer-support-team)にお問い合わせください。

### ユースケース

* ホームページデザイン：ヒーロー画像やバナーを20MB未満に最適化して、高速なアップロードと迅速なページ読み込みを確保します。
* 製品ギャラリー：高解像度の製品画像を20MB未満に保ち、アップロードエラーを防ぎ、詳細を維持しながら迅速な読み込み時間を維持します。

### ヒントとベストプラクティス

* 画像の一括処理：複数の画像を一度に圧縮するツールを使用して、時間を節約し、サイト全体で画質を一貫させます。
* 画像の寸法の監視：用途に必要なサイズのみの画像を使用して、ファイルサイズを小さく保ちます。

### よくある質問

**1. 画像の寸法はファイルサイズに影響しますか？**

はい、寸法が大きいほどファイルサイズも大きくなる傾向があります。寸法を減らすことで、ファイルサイズを管理しやすくすることができます。

**2. PageFlyに画像サイズ制限はありますか？**

PageFly自体には制限はありませんが、アップロードの問題を回避し、サイトパフォーマンスを維持するために、Shopifyの20MB制限以下に画像ファイルサイズを保つことを推奨しています。

### その他のリソース

* [ページの要素数を制限する](https://help.pagefly.io/manual/limit-elements-on-a-page/)
* [データがインポートできない](https://help.pagefly.io/manual/data-is-empty/)


---

# 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/faqtotoraburushtingu/troubleshooting/error-messages/limit-image-size.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.