이메일용 Markdown to HTML

일반 HTML이 이메일에서 깨지는 이유

이메일 클라이언트는 브라우저가 아닙니다. 많은 클라이언트가 <style> 블록, 외부 스타일시트, 대부분의 최신 CSS를 제거하거나 무시합니다. 웹페이지에서는 완벽해 보이는 HTML이 받은편지함에서는 기본 폰트, 간격 없음, 깨진 표 상태로 도착할 수 있습니다.

믿을 수 있는 방법은 style 속성을 사용해 각 요소에 직접 스타일을 적용하는 것입니다. 이것이 바로 이메일 안전 출력 모드가 하는 일입니다.

변환기가 바꾸는 것

옵션에서 이메일 안전(인라인 스타일)을 선택하면 Markdown을 평소처럼 변환한 후 모든 요소에 인라인 스타일을 추가합니다:

<p style="margin:0 0 16px;font-size:16px;line-height:26px;color:#333333;">
  Hello from Markdown.
</p>

• 제목, 문단, 링크, 목록, 인용문, 코드, 표, 구분선에 명시적인 크기, 여백, 색상이 적용됩니다.
• 이메일 클라이언트가 클래스 기반 스타일을 제거하므로 구문 강조 클래스는 꺼집니다.
• 출력은 조각입니다. 이메일이나 뉴스레터 편집기의 본문에 붙여넣으세요.

사용 방법

1. 이메일 안전 출력이 선택된 변환기를 여세요.
2. Markdown을 붙여넣거나 입력하세요.
3. 미리보기를 확인한 후 HTML 복사를 선택하세요.
4. 이메일 도구의 HTML 또는 소스 편집기에 붙여넣으세요.

보내기 전에

• 절대 경로 이미지 URL(https://…)을 사용하고 항상 대체 텍스트를 작성하세요. 상대 경로는 받은편지함에서 해석되지 않습니다.
• 직접 테스트 메일을 보내보세요. Gmail, Outlook, Apple Mail은 각각 렌더링 방식이 조금씩 다르며, 특히 Windows용 Outlook이 그렇습니다.
• 단순하게 유지하세요. 단일 열 콘텐츠는 안정적으로 변환됩니다. 복잡한 다중 열 레이아웃에는 전용 이메일 템플릿이 필요합니다.
• 다크 모드를 고려하세요. 일부 클라이언트는 색상을 자동으로 반전시키므로 양쪽 모두에서 대비를 확인하세요.
• Markdown 출처를 완전히 신뢰하지 않는 한 정화 기능은 켜둔 채로 두세요.

할 수 없는 것

이 변환기는 콘텐츠의 스타일을 지정할 뿐 레이아웃은 다루지 않습니다: 헤더, 푸터, 버튼, 열 시스템은 없습니다. 텍스트 위주의 본문에 사용하고 나머지는 이메일 플랫폼의 템플릿과 결합하세요.