이 페이지의 내용: 이메일 디자이너에서 이메일 본문, 뷰포트, 구조 및 열 수준에서 배경색과 이미지를 설정하는 방법을 알아봅니다.
이메일 디자이너로 배경을 설정할 때 Adobe에서 권장하는 방법은 다음과 같습니다.
- 디자인에 필요한 경우 이메일 본문에 배경색을 적용합니다.
- 일반적으로 배경색은 열 수준에서 설정합니다.
- 이미지나 텍스트 구성 요소는 관리하기 어려우므로 배경색을 사용하지 마십시오.
다음은 사용할 수 있는 배경 설정입니다.
-
이메일 전체에 대한 배경색을 설정합니다. 왼쪽 [팔레트]에서 액세스할 수 있는 탐색 트리에서 본문 설정을 선택했는지 확인해야 합니다.
-
모든 구조 구성 요소에 대해 동일한 배경색을 설정하려면 뷰포트 배경색을 선택합니다. 이 옵션을 사용하면 배경색과 다른 설정을 선택할 수 있습니다.
-
각 구조 구성 요소에 대해 서로 다른 배경색을 설정합니다. 한 구조에만 특정 배경색을 적용하려면 왼쪽 [팔레트]에서 액세스할 수 있는 탐색 트리에서 해당 구조를 선택합니다.
뷰포트 배경색은 구조 배경색을 숨길 수 있으므로 설정하지 않도록 합니다.
-
구조 구성 요소의 콘텐츠에 대해 배경 이미지를 설정합니다.
note NOTE 일부 이메일 프로그램은 배경 이미지를 지원하지 않습니다. 지원되지 않는 경우 행의 배경색이 대신 사용됩니다. 이미지를 표시할 수 없는 경우 적절한 대체 배경색을 선택해야 합니다. 
-
열 수준에서 배경색을 설정합니다.
note NOTE 이는 가장 일반적인 사용 사례입니다. Adobe는 열 수준에서 배경색을 설정할 것을 권장합니다. 이렇게 하면 전체 이메일 콘텐츠를 편집할 때 더 유연하게 작업할 수 있습니다. 배경 이미지도 열 수준에서 설정할 수 있지만 이러한 방법은 거의 사용되지 않습니다.
This section contains structured knowledge intended to support interpretation, retrieval, and question answering related to this topic.
For complete understanding, this information should be combined with the documentation on this page. Neither source is intended to stand alone; the page describes the feature, while this section provides additional context that helps disambiguate terminology, intent, applicability, and constraints.
- TL;DR: This page explains how to set background colors and images at the body, viewport, structure, and column levels of an email in the Email Designer, and Adobe’s recommendations for doing so.
Intents:
- Set a Background color for the whole email at the body level
- Set the same background color for all structure components using Viewport background color
- Set a different background color for each structure component
- Set a Background image for the content of a structure component
- Set a background color (and, rarely, a background image) at the column level
Glossary:
- Background color: A color applied to the whole email when the body settings are selected in the navigation tree (product-specific)
- Viewport background color: A setting that applies the same background color to all structure components, selectable separately from the background color (product-specific)
- Background image: An image set for the content of a structure component; falls back to the row background color when not supported (product-specific)
Guardrails:
- Some email programs / clients do not support background images; when not supported, the row background color is used instead, so select an appropriate fallback background color.
- When setting a different background color per structure component, do not set a viewport background color, as it may hide the structure background colors.
- Adobe recommends setting background colors at the column level as the most common use case, for more flexibility when editing the whole email content.
- Try not to use background colors on image or text components, as they are difficult to manage.
Terminology:
- Canonical name: Background — Acronym: n/a — variants: background color, background image
- Do not confuse: “Background color” (body-level, whole email) ≠ “Viewport background color” (same color for all structure components)
- Do not confuse: “Background color” (supported broadly) ≠ “Background image” (not supported by all email clients)
FAQ:
- Q: Where does Adobe recommend setting background colors? — At the column level, which is the most common use case and allows more flexibility when editing the whole email content.
- Q: What happens if a background image is not supported by an email client? — The row background color is used instead, so select an appropriate fallback background color.
- Q: How do I apply the same background color to all structure components? — Select Viewport background color, which can be set separately from the background color.
- Q: Why might my per-structure background colors not appear? — A viewport background color may hide the structure background colors; do not set one in that case.