HTML 이메일 에디터 & 미리보기
HTML 이메일 코드를 작성하고 반응형으로 실시간 미리보기
도구를 불러오는 중…
🔒 이 도구는 100% 브라우저에서 처리됩니다. 업로드한 파일과 입력한 내용은 서버로 전송되지 않습니다.
뉴스레터나 마케팅 메일용 HTML 소스 코드를 직접 작성하면서 실시간으로 렌더링 결과를 확인할 수 있는 도구입니다. 테이블 기반 이메일 템플릿을 다루는 마케터와 개발자가 실제 메일 클라이언트에 보내기 전 레이아웃을 점검하는 데 유용하며, 모든 렌더링은 브라우저 안에서만 처리되어 코드가 서버로 전송되지 않습니다.
사용 방법
- 왼쪽 텍스트 입력창에 HTML 이메일 소스 코드를 붙여넣거나 직접 작성합니다.
- 코드를 수정하면 오른쪽(또는 아래) 미리보기 화면이 즉시 갱신됩니다.
- 모바일(375px), 태블릿(768px), PC(100%) 탭을 눌러 화면 크기별 레이아웃을 확인합니다.
- 레이아웃이 깨지는 부분을 찾아 코드를 수정하고 완성된 템플릿을 복사해 이메일 발송 도구에 사용합니다.
자주 묻는 질문
- 작성한 HTML 코드가 서버로 전송되나요?
- 아니요. 입력한 코드는 브라우저 내 iframe에서만 렌더링되며 외부로 전송되거나 저장되지 않습니다.
- 실제 이메일 클라이언트(Gmail, Outlook 등)와 100% 동일하게 보이나요?
- 이 미리보기는 일반 웹 브라우저 렌더링 기준입니다. 실제 메일 클라이언트마다 CSS 지원 범위가 달라 발송 전 실제 클라이언트 테스트를 권장합니다.
- 기본 템플릿을 참고해서 만들어도 되나요?
- 네. 처음 열면 표시되는 테이블 기반 뉴스레터 예시 코드를 그대로 수정해 사용하셔도 됩니다.