# 画像サイズの制限

### 概要

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/)