테이블 기반 HTML 이메일 템플릿을 시각적으로 빌드. 모든 메일 클라이언트(Gmail·Outlook·Apple Mail)에서 정상 표시.
📧 미리보기
HTML 코드

HTML 이메일 빌더 사용법

  1. 브랜드명·색상·제목·본문·CTA를 입력합니다.
  2. 실시간 미리보기로 결과를 확인합니다.
  3. HTML 코드를 복사해 Mailchimp·Stibee·SendGrid에 붙여넣습니다.
  4. 또는 HTML 파일을 다운로드해 직접 이메일에 첨부합니다.

주요 기능

  • 테이블 기반 (Outlook 2007~2019 포함 모든 메일 클라이언트 호환)
  • 모바일 반응형 (600px max-width)
  • 다크모드 자동 호환 (color-scheme 메타)
  • 인라인 CSS (메일 클라이언트가 외부 CSS 무시 방지)
  • 실시간 미리보기 (iframe srcdoc)

활용 예시

  • 웰컴 메일 — 신규 가입자 환영
  • 뉴스레터 — 주간/월간 소식
  • 제품 출시 — 신기능·신상품 안내
  • 프로모션 — 할인·쿠폰 메일
  • 거래 알림 — 주문·결제 확인

HTML 이메일 디자인 원칙

HTML 이메일은 2026년에도 여전히 1990년대 HTML을 사용해야 합니다. Outlook 2019까지 Microsoft Word 렌더링 엔진을 쓰기 때문에 flexbox·grid·position·float 모두 부분적으로만 지원됩니다. 가장 안전한 방법은 테이블 레이아웃 + 인라인 CSS입니다. 본 도구는 이 표준을 따라 모든 메일 클라이언트에서 깨지지 않게 만듭니다. 너비는 600px가 표준, 폰트는 -apple-system, Segoe UI, Arial 같은 시스템 폰트가 안전합니다.

자주 묻는 질문

Mailchimp에 그대로 붙여넣어도 되나요?

네, Mailchimp · Stibee · SendGrid · ConvertKit 모두 HTML 직접 입력을 지원합니다.

이미지는 어떻게 넣나요?

HTML 안의 <img src="https://...">로 외부 호스팅 이미지를 사용하세요. 메일에 직접 첨부하면 무거워집니다.

다크모드 호환?

모던 메일 클라이언트가 자동 다크모드 처리. color-scheme: light dark 메타로 더 정확한 처리를 유도했습니다.

무료?

네, 완전 무료입니다.