デザインデータの容量が大きくなっていると表示された時の対処法

このアラートは、プロジェクト内のデザインデータ容量が一定量を超え、上限に近づきつつある場合に表示されます。

アラートが表示された時点では操作に影響はありませんが、そのまま制作・運用を続けるといずれ上限に到達してしまいます。

デザインデータとは

デザインデータとは、サイトのデザインを表示するために必要な情報のことを指します。ページやボックスの数、色やサイズなどのスタイル設定の内容に応じてその量は変化します。

ただし、エディタ上に配置した画像自体の容量や埋め込み表示している外部サービスの容量はデザインデータには含まれません。

Studioのランディングページ（ https://studio.design/ja ）は、通常ページとして作成されています。アニメーションなどが豊富に含まれており、構成が少し複雑です。

この規模であれば、同一プロジェクト内で約80ページまで作成することができます。それ以上作成した場合、「デザインデータの容量が大きくなっています」とデザインデータ容量が上限に近づいていることを知らせるアラートが表示されます。（この情報は2023年6月時点のものです）

なお、プランによって許容できる容量が変化することはありません。本記事で紹介する対策をお試しください。

上限を超えると、新しいページの作成や削除、複製などの一部操作ができなくなります。

このデザインデータ量は比較的大きな量なので、実際にアラートを目にするプロジェクトは決して多くありませんが、万が一表示された際には以下の方法でデータ量の削減をご検討ください。

ページを削除すると、その分だけデザインデータが削減できます。不要なページがある場合は、削除してください。

プロジェクト内で頻繁に使用するデザイン要素は「コンポーネント」として共通化できます。ボックスをコピペしただけではその分デザインデータが生じますが、コンポーネント化した要素は複数箇所に配置してもデザインデータ量はひとつ分として計算されます。

例えば、10ページで同じヘッダーを使用する場合、通常なら10倍のデータ量になりますが、コンポーネント化すれば1つ分のデータ量で済みます。

コンポーネントの作成、管理方法について詳しくはコンポーネントをご覧ください。

アラートが表示されるプロジェクトの特徴の一つは、「縦長のページを大量に複製し、一部のテキストや画像だけを変更している」というケースです。このようなプロジェクトでは、CMS（動的ページ）の利用がおすすめです。

コンポーネントと同じように、デザインデータをエディタ上で１つの動的ページに集約することができるため、大幅な容量削減が期待できます。

ページ上に配置している「リスト」もCMSリストに置き換えることで同様に削減が可能です。

CMSについて詳しくは、以下の動画やヘルプ記事をご覧ください。

※動画は公開時点のStudio仕様に基づきます