> 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/faqtotoraburushtingu/troubleshooting/error-messages/page-size-limit.md).

# ページサイズ制限

### 概要

このガイドでは、PageFlyページビルダーで発生する[ページサイズ制限エラー](https://help.pagefly.io/manual/page-size-limit/)に効率的に対応する方法を説明します。このエラーは、ネストされた要素が多すぎるために、ページがShopifyの256KB制限を超えた場合に発生します。

###

![](/files/SBzRe1J8le9RbODoTQKW)

### 要件

* メディアファイル（画像および動画）最適化ツールの利用。
* ページの作成や要素の編集を含む、PageFly Advanced Page Builderの機能に関する知識。

### PageFlyでページサイズ制限エラーを修正する方法

「**ページサイズ制限**」エラーが発生するのを防ぐために、以下のヒントをご確認ください。

#### PageFlyページから不要な要素を削除する

PageFlyページから不要な要素を削除するには、要素ツールバーを使用するだけです。削除したい要素を選択し、要素ツールバーの**Delete**ボタンをクリックするか、キーボードのDeleteを押します。

#### メディアファイルを最適化する

**ファイルサイズを削減する**

以下のようなツールを使用して、画像や動画のサイズを圧縮します。

* 画像: <https://tinypng.com/>
* Gif: <https://ezgif.com/optimize>
* 動画: <https://www.videolan.org/>

これらの圧縮ツールを使用するには、以下の手順に従ってください。

1. ファイルをツールにアップロードまたはドラッグします。
2. 利用可能な場合は圧縮レベルを選択します。
3. 最適化されたファイルをダウンロードし、PageFlyページに再度追加します。

**適切な画像ファイル形式を選択する**

適切な画像形式を選択するためのステップバイステップガイドです。

1. 画像の種類（写真、スクリーンショット、グラフィック）を特定します。
2. 画像の形式を選択します。

* **写真の場合**: 色の豊富さとファイルサイズのバランスのためにJPGを使用します。
* **スクリーンショットの場合**: PNGは鮮明さに最適で、透明度をサポートします。
* **グラフィックの場合**: スケーリングに関係なく鮮明なビジュアルのためにSVGを選択します。

これらの最適化を行っても問題が解決しない場合は、アプリ内チャットを通じて[PageFlyサポート](https://pagefly.io/pages/customer-support-team)にお問い合わせください。

### ユースケース

* **高画質画像コンテンツページの設計**: ページに多くの高画質画像が含まれている場合は、サイズ制限内に収まるように最適化し、適切な形式を選択します。
* **ランディングページの改善**: 機能豊富なランディングページの画像や動画のファイルサイズを削減して、PageFlyのページサイズ制限を超えずに読み込み時間を短縮します。

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

* **コンテンツを優先する**: 重要な要素に集中します。ユーザーの目標に直接貢献しない情報やビジュアルを削除または統合するために、定期的にページを確認します。
* **メディアを最適化する**: アップロードする前に、常に画像、GIF、動画を圧縮します。
* **外部ホスティングを利用する**: 大きな動画のような重いコンテンツの場合は、外部（例：YouTube、Vimeo）でホスティングし、PageFlyページに埋め込むことでページサイズを節約することを検討してください。

### よくある質問

**1. PageFlyでHTML、CSS、JavaScriptを圧縮してページサイズを削減できますか？**

はい、PageFlyでは、これらの要素を手動または設定を通じて最適化し、Shopifyの推奨制限内にページサイズを維持できます。

**2. Shopifyのファイルサイズ制限はいくつですか？**

Shopifyの管理画面からの個々のアップロードのファイルサイズ制限は20 MBです。

### 追加リソース

* [画像サイズの制限](https://help.pagefly.io/manual/limit-image-size/)
* [ページエディター – ページキャンバス | ページの全要素を含む](https://help.pagefly.io/manual/page-editor-page-canvas/)


---

# 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, and the optional `goal` query parameter:

```
GET https://help.pagefly.io/pagefly-help-center-japanese/faqtotoraburushtingu/troubleshooting/error-messages/page-size-limit.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

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.