---
url: "/ja/emailify/design/optimizing-html-file-size.md"
description: "最終的なHTMLのサイズは、メールデザインに追加したコンテンツの量によって決まります。"
---

# Figmaのメールのレイヤー構造を最適化してHTMLのファイルサイズを小さくする

> 最終的なHTMLのサイズは、メールデザインに追加したコンテンツの量によって決まります。

[Video](/assets/videos/emailify/design/optimize-layers.mp4)

Emailifyは、プラグインからコードをエクスポートする際にHTMLの縮小（ミニファイ）と圧縮を自動的に適用します。それでもメールが[Gmailの102kbのクリッピング上限](https://mailchimp.com/help/gmail-is-clipping-my-email/)を超えている場合は、デザインからコンテンツの一部を削除するか、可能な範囲でコンテンツレイヤーをまとめる必要があります。

たとえば、背景色が同じで、それぞれ**Column**レイヤーを1つしか含まない**Row**レイヤーが複数積み重なっている場合は、各**Column**内のコンテンツレイヤーをすべて、**Column**レイヤーが1つだけの1つの**Row**に移せます。そうすれば、それまで使っていたほかの（空になった）**Row**レイヤーをすべて削除できます。

> **Tip:** **使用している画像のファイルサイズは**`.html`ファイルのサイズに**含まれない**ため、画像を小さくしてもHTMLコードのサイズには影響しません。

## エクスポートする前にHTMLメールのファイルサイズをキロバイト（kb）単位で確認する {#checking-the-file-size-of-your-html-email-in-kilobytes-kb-before-exporting-your-email}

[Preview](/ja/emailify/design/preview)パネルのヘッダーには、メールのHTMLの合計ファイルサイズを示す数値が表示されます（これは`.html`ファイル自体のサイズで、画像アセットは含まれません）。[Gmailの102kbのクリッピング上限](https://mailchimp.com/help/gmail-is-clipping-my-email/)を超えていないかを確認するのに役立ちます。

> **Warning:** **HTMLのサイズが102kbを超えている場合**、プレビューウィンドウのファイルサイズが黄色で強調表示され、メールがこの上限を超えていることが視覚的にわかるようになっています。