메일 HTML 렌더 검토기
메일 HTML을 붙여 넣고 320·600·800px 표 레이아웃을 격리 프레임에서 확인합니다. 원격 이미지는 설명이 있는 자리표시자로 바꾸고, 링크를 비활성화하며, 실행형 마크업을 제거합니다. 호환성 검토 항목을 읽고 자동 생성된 일반 텍스트를 고쳐 다운로드할 수 있습니다. 브라우저 미리보기이므로 Gmail·Outlook 등 모든 메일 클라이언트의 렌더링을 재현하지 않습니다.
주요 기능
- 외부 요청 없이 320·600·800px에서 정제된 메일 HTML 표시
- 각 폭의 가로 넘침 측정
- 원격 이미지의 설명 자리표시자 처리와 링크 비활성화
- alt 누락·조건부 주석·스타일 전용 레이아웃·CSS 주의 항목 검토
- text/plain 초안 생성·편집·TXT 다운로드
사용 방법
- 메일 HTML을 붙여 넣거나 표 레이아웃 예제를 불러옵니다.
- 로컬 미리보기를 실행하고 320·600·800px의 표시와 넘침을 비교합니다.
- 차단된 리소스와 CSS 주의 항목을 검토하고 원본 템플릿에 대체 표현을 넣습니다.
- 생성된 일반 텍스트의 링크·문구·읽는 순서를 편집합니다.
- TXT를 저장한 뒤 실제로 지원할 메일 클라이언트에서 최종 HTML을 시험합니다.
활용 예시
- 폭 600px 메일이 좁은 화면에서 넘치는지 확인
- 이미지 alt와 추적 픽셀 차단 상태를 초안 공유 전에 검토
- HTML 버전과 함께 보낼 text/plain 부분 초안 만들기
자주 묻는 질문
Gmail이나 Outlook 렌더링을 똑같이 재현하나요?
아니요. 브라우저에서 로컬 시안을 보여 줍니다. 메일 클라이언트마다 HTML/CSS 엔진과 마크업 재작성 방식이 다르므로 실제 보낸 메일을 대상 클라이언트에서 시험해야 합니다.
이미지와 링크는 왜 바꾸거나 비활성화하나요?
미리보기에서 원격 리소스를 가져오거나 링크를 열지 않도록 하기 위해서입니다. 이미지 설명은 자리표시자로 남고 링크 글자는 보입니다. 실제 자산은 허가된 메일 클라이언트 시험에서 확인하세요.
CSS 주의 항목은 확정된 비호환 판정인가요?
아니요. 클라이언트별 결과나 대체 표현 검토가 필요한 패턴을 알려 주는 것입니다. 지원 범위는 클라이언트와 버전에 따라 달라지며 완전한 호환성 표를 제공하지 않습니다.
생성된 텍스트가 최종 MIME text/plain 부분인가요?
아니요. 화면에 보이는 글자를 추출한 편집 가능한 초안입니다. 링크 주소를 보강하고 표의 읽는 순서를 다듬은 다음 발송 시스템의 별도 text/plain 부분으로 넣으세요.
입력 한계는 무엇인가요?
HTML은 최대 96KiB, 합산 CSS는 최대 64KiB이며 지나치게 크거나 깊은 DOM은 거부합니다. 외부 자산·스크립트·폼·메일 발송은 이 도구의 범위 밖입니다.
개인정보 안내
HTML은 브라우저 메모리에서만 처리합니다. 정제된 미리보기에서 스크립트·폼·원격 로드를 차단하고 메일을 보내거나 업로드하지 않습니다. 텍스트 다운로드에는 편집한 내용이 들어갑니다.
댓글과 질문