---
url: "/ja/emailify/content/images.md"
description: "メールデザインの任意のColumnレイヤー内に、インラインのコンテンツ画像を追加できます。"
---

# メールデザインに画像を追加する

> メールデザインの任意のColumnレイヤー内に、インラインのコンテンツ画像を追加できます。

> **Tip:** メールデザインのRow、Column、Hero、WrapperレイヤーにFigmaの画像塗りを設定すると、[レイアウトに背景画像を追加](/ja/emailify/design/background-images)することもできます。

## パソコンの画像をColumnにドラッグ＆ドロップする {#drag-and-drop-an-image-from-your-computer-into-a-column}

[Video](/assets/videos/emailify/content/drag-image-layer.mp4)

Columnレイヤーにインラインのコンテンツ画像を追加するいちばん簡単な方法は、パソコンの画像ファイルをFigmaにドラッグ＆ドロップし、その画像レイヤーをColumn内にドラッグする（必要に応じてサイズを変更する）ことです。

Figmaファイル内に、メールデザインのコンテンツ画像として使いたい画像がすでにある場合は、そのレイヤーをColumnレイヤーにドラッグ＆ドロップすることもできます。

> **Tip:** プラグインヘッダーのSettingsボタンから、画像に[代替テキスト](/ja/emailify/content/alt-text)属性を設定したり、[クリック可能なURLリンク](/ja/emailify/content/link-images)を追加したりできます。

## ほかの静的レイヤーを含む画像フレームをColumnに追加する {#add-an-image-frame-to-your-column-with-other-static-layers-inside-of-it}

[Video](/assets/videos/emailify/content/add-image-element.mp4)

Columnレイヤーをクリックし、Quick Add要素メニューのドロップダウンで**Image**オプションを選択して、**Add +** ボタンをクリックすると、FigmaのColumnレイヤー内に新しい画像フレームを追加することもできます。

画像フレームを追加したら、Figmaで新しいレイヤーをクリックし、Figmaの右側の列にある**Fills**パネルから画像塗りを追加します。

画像フレーム内にはほかのレイヤーも自由に追加できます。追加したレイヤーは、最終的なHTMLエクスポートで表示される1枚の静的な画像レイヤーに自動的に含まれます。

> **Tip:** プラグインヘッダーのSettingsボタンから、画像に[代替テキスト](/ja/emailify/content/alt-text)属性を設定したり、[クリック可能なURLリンク](/ja/emailify/content/link-images)を追加したりできます。