이메일 서명 생성기

왜 테이블 기반 HTML인가?

이메일 클라이언트는 HTML을 제각각 다르게 해석합니다. Outlook은 Word의 렌더링 엔진을 사용해 현대 CSS의 상당 부분을 무시합니다(flexbox 없음, grid 없음, box-shadow 제한적). 인라인 스타일의 테이블 레이아웃은 모든 주요 클라이언트가 예측 가능하게 표시하는 유일한 방식입니다. 이 생성기는 바로 그 좁은 스타일만 사용하므로 서명이 Gmail, Outlook 데스크톱, Outlook 웹, Apple Mail, iOS Mail에서 동일하게 보입니다.

생성기가 만드는 결과물

출력은 단순한 테이블입니다. 첫 줄에 이름을 굵게, 그 아래에 직함이나 회사를, 마지막 줄에는 연락처를 세로 막대로 구분해 배열합니다.

<table cellpadding="0" cellspacing="0" style="font-family: Arial, sans-serif; font-size: 14px; color: #111827;">
  <tr><td style="font-weight: 700; font-size: 16px;">Alex Rivera</td></tr>
  <tr><td>Lead Designer</td></tr>
  <tr><td style="padding-top: 8px;">alex@example.com | +34 600 000 000 | example.com</td></tr>
</table>

비워 둔 항목은 그냥 빠지므로 이름과 이메일만 있는 서명도 군더더기 없이 깔끔합니다.

서명에 들어갈 내용

필수:

• 전체 이름.
• 직함 또는 역할.
• 회사 이름.
• 직접 연락처(이메일 또는 전화).

유용한 추가 항목:

• LinkedIn URL 또는 개인 웹사이트 링크.
• 고객을 직접 상대하는 직무라면 전화번호.

피할 것:

• 긴 영감 문구.
• 애니메이션 GIF(많은 클라이언트가 애니메이션을 제거함).
• 큰 이미지(메일 로딩을 늦추고 “무겁다”로 표시됨).
• 법적 요구가 없는 한 2-3줄이 넘는 “기밀” 면책 조항.
• 가입한 모든 네트워크의 소셜 미디어 아이콘을 잔뜩 나열하는 것.

사진이나 로고는 나중에 추가하기

이 생성기는 텍스트만 만듭니다. 사진이나 로고를 넣으려면 생성된 HTML을 메일 앱의 서명 편집기에 붙여넣고 이미지 기능을 쓰거나, HTML을 직접 수정해 호스팅된 이미지를 가리키는 img 태그를 추가하세요. 이미지는 공개적으로 접근 가능한 URL에 있어야 합니다.

• 회사 CDN: 업무용 서명에 가장 적합. IT 팀이 브랜드 도메인 아래 호스팅할 수 있음.
• 무료 이미지 호스트(imgur, Cloudinary 무료 플랜): 빠르고 무료지만 호스트가 내려갈 위험이 있음.
• Base64 임베딩: 호스팅이 필요 없지만 메일마다 20-50KB가 늘어나고 일부 Outlook 설정에서는 제거됨.

이미지는 작게 유지하세요. 20KB 미만, 정사각형, 120x120 이하가 좋습니다.

Outlook 특유의 주의점

• 너비: 600px 미만으로 유지하세요. 더 넓은 서명은 미리보기 창에서 잘립니다.
• 폰트: Arial, Helvetica, Georgia, Verdana를 쓰거나 font-family: "Segoe UI", Arial, sans-serif; 같은 스택을 사용하세요.
• 색상: 순수 #000은 피하세요. 다크 모드 Outlook에서는 #333이나 #444가 더 잘 보입니다.
• CSS 변수, flex, grid, SVG를 주요 요소로 사용하지 마세요.

법적 고지

일부 관할권(영국 Companies Act 2006, 특정 법인에 대한 EU 요건)은 업무 이메일에 등록된 회사명, 등록번호, 주소를 요구합니다. 필요한 정보는 직함·회사 항목에 넣거나 생성 후 HTML을 편집해 직접 추가하고, 해당 시장에서 필수인지 법무팀에 확인하세요.