HTML 메일 호환성 검사
HTML Email Compatibility Check
메일 HTML을 클라이언트별 실제 지원 범위와 대조해 깨지는 요소를 직접 짚어 주고, 지메일·아웃룩 등에서 무엇이 남는지 나란히 보여 줍니다.
보내려는 메일의 HTML을 붙여 넣으면 클라이언트별로 무엇이 살아남지 못하는지 알려 주고, 그렇게 만든 요소를 직접 짚어 줍니다. 지원 자료는 caniemail의 실제 기기 시험 결과이며 각 항목에 마지막 시험 날짜가 붙어 있습니다. 이 사이트에는 기기 렌더링 환경이 없고, 미리보기를 실제 화면이라고 말하지 않습니다.
텍스트 대체본 (선택)
사용 방법
HTML 붙여 넣기
실제로 보낼 메일 전체를 넣으세요. text/plain 파트도 함께 보낸다면 그것도 넣으세요. 넣지 않으면 “텍스트 대체본 없음”으로 지적합니다.
심각도 순으로 결과 읽기
“깨짐”은 사람들이 실제로 쓰는 클라이언트에서 잘못 나온다는 뜻이고, “외형 차이”는 한 클라이언트에서 조금 다르게 보인다는 뜻입니다. 각 항목은 해당 클라이언트와 근거가 된 caniemail 기능을 함께 표시합니다.
해당 요소로 이동해 대체 코드 적용
항목을 누르면 원본에서 해당 부분이 강조됩니다. 대체 코드를 만들 수 있는 경우에는 그 요소의 실제 내용으로 만듭니다. 플렉스 한 줄은 작성자의 칸을 담은 표가 됩니다. “여기에 적용”을 누르면 그 자리만 바뀌고 나머지 파일은 그대로 남습니다.
두 화면 비교하기
왼쪽은 작성한 그대로, 오른쪽은 선택한 클라이언트가 남기는 것입니다. 이미지를 꺼 보세요. 대부분의 독자가 처음 보는 화면입니다. 다크 모드와 휴대폰 너비도 함께 확인하세요.
자주 묻는 질문
미리보기가 지메일 화면을 찍은 것인가요?
아닙니다. 이 도구는 그렇게 말하지 않습니다. 작성한 HTML에 해당 클라이언트의 문서화된 제거 규칙을 적용한 결과를 지금 쓰는 브라우저가 그린 것입니다. 특히 윈도우용 아웃룩은 워드 엔진으로 그리기 때문에, 워드에 무엇이 남는지는 알려 줄 수 있어도 워드가 그것을 어떻게 배치하는지는 보여 줄 수 없습니다.
102 KB가 되기 전에 왜 경고하나요?
지메일이 재는 것은 작성 파일이 아니라 완성된 메시지이기 때문입니다. 전송 인코딩과 헤더, 발송 플랫폼의 링크 치환이 모두 더해지므로 여기서 100 KB인 초안은 한계를 넘겨 잘리고, 푸터와 수신거부 링크가 “전체 메시지 보기” 뒤로 숨습니다.
네이버·다음·카카오는요?
목록에는 있지만 판정은 없습니다. 이들을 다루는 공개 시험 자료가 없고 이 사이트도 측정하지 않았기 때문입니다. 선택하면 스크립트·폼 제거 같은 공통 규칙만 적용되고, 결과가 확인되지 않은 것임을 화면에 밝힙니다. 근거 없는 단정은 빈칸보다 나쁩니다.
초안이 브라우저 밖으로 나가나요?
나가지 않습니다. 구문 분석과 규칙 적용, 미리보기가 모두 탭 안에서 실행되며, 초안은 새로 고침에도 남도록 이 브라우저의 저장소에만 보관됩니다. 입력을 비우면 함께 지워집니다.
이 도구로 이어지는 것
메일 클라이언트 지원 표
Email Client Support Table
지메일·아웃룩·애플 메일·야후·삼성 이메일·썬더버드가 HTML 메일에서 무엇을 지원하는지 caniemail의 기기 시험 결과로 보여 주며, 항목마다 마지막 시험 날짜가 붙습니다.
HTML 메일 만들기
HTML Email Builder
블록을 쌓아 표 기반·인라인 스타일 HTML 메일을 만들고 VML 버튼까지 넣어 주며, 같은 블록에서 텍스트 대체본도 함께 만들어 냅니다.
보낸 메일·도착 메일 비교
Sent vs Delivered Comparison
자기 계정에서 임시 주소로 초안을 보내면, 발송 경로가 무엇을 바꿨는지 보여 줍니다. 리다이렉트로 감싸진 링크, 사라진 style 블록, 추가된 추적 픽셀, 사용된 인코딩까지 비교합니다.
비밀번호 생성기
Password Generator
길이·문자 종류·헷갈리는 글자 제외 규칙을 정해 무작위 비밀번호를 필요한 만큼 만듭니다.
다음 단계
이 도구의 결과를 그대로 받을 수 있는 도구들입니다.
메일 클라이언트 지원 표
Email Client Support Table
지메일·아웃룩·애플 메일·야후·삼성 이메일·썬더버드가 HTML 메일에서 무엇을 지원하는지 caniemail의 기기 시험 결과로 보여 주며, 항목마다 마지막 시험 날짜가 붙습니다.
보낸 메일·도착 메일 비교
Sent vs Delivered Comparison
자기 계정에서 임시 주소로 초안을 보내면, 발송 경로가 무엇을 바꿨는지 보여 줍니다. 리다이렉트로 감싸진 링크, 사라진 style 블록, 추가된 추적 픽셀, 사용된 인코딩까지 비교합니다.
HTML 메일 만들기
HTML Email Builder
블록을 쌓아 표 기반·인라인 스타일 HTML 메일을 만들고 VML 버튼까지 넣어 주며, 같은 블록에서 텍스트 대체본도 함께 만들어 냅니다.
HTML 정렬·압축
HTML Beautifier & Minifier
HTML을 정렬하거나 압축하며 인라인 요소를 보존하고 공백 축약 여부를 고를 수 있습니다.
CORS 점검
CORS Tester
지정한 출처에서 브라우저가 보낼 프리플라이트와 Origin을 실은 GET 요청을 보내고, Fetch 표준 규칙으로 어떤 헤더 때문에 막혔는지 짚어 줍니다.
환율 계산기
Currency Converter
유럽중앙은행 일일 기준환율로 30여 개 통화를 유로를 거쳐 환산하고, 은행이 알려 준 환율을 직접 넣어 계산할 수도 있습니다.