이메일 서명 생성기 — Gmail·Outlook용 HTML 서명
Gmail, Outlook, Apple Mail에서 제대로 보이는 전문적인 HTML 이메일 서명을 만들고 클릭 한 번으로 복사하세요.
HTML 소스 보기(3,012자)
<table role="presentation" cellpadding="0" cellspacing="0" border="0" style="border-collapse:collapse;font-family:Arial, Arial, Helvetica, sans-serif;font-size:13px;line-height:19px;color:#4b5563;"><tr><td valign="top" style="padding:0 16px 0 0;"><table role="presentation" cellpadding="0" cellspacing="0" border="0" style="border-collapse:collapse;"><tr><td width="64" height="64" align="center" valign="middle" style="width:64px;height:64px;background:#244b3f;color:#ffffff;font-family:Arial, Arial, Helvetica, sans-serif;font-size:24px;font-weight:bold;text-align:center;border-radius:32px;">AM</td></tr></table></td><td width="1" style="width:1px;background:#244b3f;font-size:1px;line-height:1px;"> </td><td valign="top" style="padding:0 0 0 16px;font-family:Arial, Arial, Helvetica, sans-serif;font-size:13px;line-height:19px;color:#4b5563;"><div style="font-family:Arial, Arial, Helvetica, sans-serif;font-size:16px;line-height:20px;font-weight:bold;color:#111827;">Alex Morgan</div><div style="font-family:Arial, Arial, Helvetica, sans-serif;font-size:13px;line-height:18px;color:#244b3f;padding-top:2px;">마케팅 이사 <span style="color:#d1d5db;">|</span> Northwind Studio</div><div style="padding-top:8px;"><span style="color:#244b3f;font-weight:bold;">P</span> <a href="tel:+14165550142" style="color:#4b5563;text-decoration:none;">+1 (416) 555-0142</a><br><span style="color:#244b3f;font-weight:bold;">E</span> <a href="mailto:alex@northwind.example" style="color:#4b5563;text-decoration:none;">alex@northwind.example</a><br><span style="color:#244b3f;font-weight:bold;">W</span> <a href="https://www.northwind.example" style="color:#4b5563;text-decoration:none;">www.northwind.example</a><br><span style="color:#4b5563;">120 King St W, Toronto, ON</span></div><table role="presentation" cellpadding="0" cellspacing="0" border="0" align="left" style="border-collapse:collapse;margin-top:8px;"><tr><td style="padding:0 4px 0 0;"><a href="https://linkedin.com/in/alexmorgan" title="LinkedIn" style="display:inline-block;background:#244b3f;color:#ffffff;font-family:Arial, Arial, Helvetica, sans-serif;font-size:11px;font-weight:bold;line-height:22px;width:24px;height:22px;text-align:center;text-decoration:none;border-radius:3px;">in</a></td><td style="padding:0 4px 0 0;"><a href="https://x.com/alexmorgan" title="X" style="display:inline-block;background:#244b3f;color:#ffffff;font-family:Arial, Arial, Helvetica, sans-serif;font-size:11px;font-weight:bold;line-height:22px;width:24px;height:22px;text-align:center;text-decoration:none;border-radius:3px;">X</a></td></tr></table><table role="presentation" cellpadding="0" cellspacing="0" border="0" style="border-collapse:collapse;margin-top:10px;"><tr><td style="background:#244b3f;padding:6px 12px;border-radius:3px;"><a href="https://northwind.example/book" style="color:#ffffff;font-family:Arial, Arial, Helvetica, sans-serif;font-size:12px;font-weight:bold;text-decoration:none;">20분 통화 예약하기</a></td></tr></table></td></tr></table>
설치 방법
- 위의 "서명 복사"를 클릭하세요.
- Gmail에서 설정(톱니바퀴 아이콘) → 모든 설정 보기 → 기본설정을 엽니다.
- 서명까지 스크롤해 "새로 만들기"를 클릭하고 이름을 지정한 뒤 입력란에 붙여 넣습니다(Ctrl/Cmd+V).
- "서명 기본값"에서 새 이메일과 답장에 이 서명을 선택한 뒤, 맨 아래의 "변경사항 저장"을 클릭합니다.
- Gmail은 서명을 10,000자로 제한하며, 공개 https:// URL에서 불러온 이미지만 표시합니다.
팀 전체 서명 만들기(CSV)
헤더 행이 있는 CSV를 업로드하세요: name, title, email, phone, mobile, linkedin, x, github, photo(URL). 각 행이 위에서 고른 템플릿과 색상으로 된 별도의 서명이 됩니다. 회사, 웹사이트, 주소, 로고, 버튼, 면책 문구는 CSV에 해당 열이 없으면 양식의 값을 사용합니다. 최대 500명까지.
입력한 정보는 브라우저에만 남습니다. 서명은 이 페이지에서 만들어지며 아무것도 업로드되거나 저장되지 않습니다. 이미지는 입력한 URL에서 불러옵니다. 모든 무료 도구 보기.
문제를 발견하셨거나 개선할 점이 있나요? 모든 메시지를 읽고 빠르게 고칩니다.
이 이메일 서명 생성기는 이름, 직함, 연락처, 사진이나 로고, 소셜 링크, 브랜드 색상으로 서명을 만들어 6가지 템플릿으로 실시간 미리 보여 주고, 사람들이 실제로 쓰는 이메일 클라이언트에서도 깨지지 않는 HTML을 제공합니다. "서명 복사"를 클릭하고 Gmail이나 Outlook의 서명 입력란에 붙여 넣으면 레이아웃이 그대로 유지됩니다.
이메일 클라이언트는 웹 브라우저가 아닙니다. Windows용 클래식 Outlook은 Microsoft Word로 HTML을 렌더링하고, Gmail은 style 블록과 CSS 클래스를 제거하며, 대부분의 클라이언트는 공개 https:// 주소에 있지 않은 이미지를 차단합니다. 그래서 이 도구의 출력은 중첩 표와 인라인 스타일, 웹 안전 글꼴, 명시적인 이미지 크기만 사용합니다. 다만 이미지를 호스팅해 드릴 수는 없습니다. 사진이나 로고는 이미 온라인에 있어야 하며, 로컬 파일을 넣으면 그 이유를 페이지에서 설명합니다. 팀 전체용이라면 직원 이름, 직함, 전화번호가 담긴 CSV를 업로드해 같은 템플릿과 브랜드 색상으로 1인당 HTML 서명 하나씩 다운로드하세요.
사용 방법
- 정보를 입력하세요. 비어 있는 항목은 서명에서 아예 빠집니다.
- 호스팅된 사진이나 로고의 https:// URL을 붙여 넣거나, 둘 다 비워 두면 이니셜 타일이 쓰입니다.
- 템플릿과 브랜드 색상을 고르고, 필요하면 소셜 링크, 버튼, 고지 문구를 추가하세요.
- "서명 복사"를 클릭하고 이메일 클라이언트의 서명 설정에 붙여 넣으세요. 클라이언트별 설치 방법은 미리보기 아래에 있습니다.
- 자신에게 테스트 이메일을 보내 데스크톱뿐 아니라 휴대폰에서도 확인하세요.
자주 묻는 질문
Gmail에 HTML 서명을 추가하려면 어떻게 하나요?
이 페이지에서 "서명 복사"를 클릭한 다음, Gmail에서 설정 > 모든 설정 보기 > 기본설정을 열고 서명까지 스크롤해 새로 만들기를 클릭한 뒤 입력란에 붙여 넣으세요. 서명 기본값에서 선택하고 페이지 하단의 변경사항 저장을 클릭하세요. HTML 소스 코드를 붙여 넣지 마세요. Gmail 편집기는 렌더링된 서명만 받으며, 복사 버튼이 클립보드에 넣는 것이 바로 그것입니다.
서명의 이미지가 보이지 않는 이유는 무엇인가요?
대개 이미지가 공개 https:// URL에 있지 않기 때문입니다. Gmail은 서명에서 base64(data:) 이미지를 제거하고, Outlook은 수신자가 허용할 때까지 많은 외부 이미지를 차단하며, http://에 있거나 로그인이 필요한 이미지는 어디서나 실패합니다. 이미지를 웹사이트나 CDN에 호스팅하고 https:// 링크를 쓰고, 크기는 작게(약 100 KB 미만) 유지하세요.
Outlook에서 서명이 다르게 보이는 이유는 무엇인가요?
Windows용 클래식 Outlook은 Word로 이메일을 렌더링하는데, Word는 둥근 모서리를 비롯한 많은 CSS 속성을 무시하므로 둥근 사진이 네모로 보이고 간격이 약간 달라질 수 있습니다. 이 생성기는 Word가 무시하는 레이아웃 CSS 대신 표를 써서 구조가 유지됩니다. 새 Outlook과 웹용 Outlook은 브라우저에 더 가깝게 렌더링합니다.
이메일 서명의 사진이나 로고는 어떤 크기가 좋은가요?
너비 약 80~120 px로 표시하고, 고밀도 화면에서도 선명하도록 그 두 배 크기의 이미지를 업로드하세요(예: 88 px 사진이라면 176×176 px). 파일은 100 KB 미만으로 유지하세요. 단색 위주의 로고는 PNG, 사진은 JPG를 쓰세요.
이메일 서명은 얼마나 길어도 되나요?
Gmail은 서명을 HTML 10,000자로 제한하며, 이 생성기의 결과물은 이보다 훨씬 짧습니다. 실제로는 네다섯 줄로 유지하세요. 이름, 직책과 회사, 연락 방법 한두 가지, 행동 유도는 최대 하나입니다. 서명이 길면 답장에서 잘리고, 휴대폰에서는 본문이 화면 아래로 밀려납니다.
이메일 서명에서 실제로 통하는 것
• 레이아웃은 flexbox나 grid를 쓴 div가 아니라 표로. Windows용 Outlook은 최신 CSS 레이아웃을 무시합니다.
• 모든 요소에 인라인 스타일. Gmail은 서명에서 <style> 블록과 클래스 이름을 제거합니다.
• 웹 안전 글꼴(Arial, Helvetica, Verdana, Georgia). 사용자 지정 웹 폰트는 Outlook에서 Times New Roman으로 대체됩니다.
• width와 height 속성을 지정한 호스팅 이미지. 크기를 명시하지 않으면 Outlook이 로고를 원본 크기 그대로 표시할 수 있습니다.
• 전화번호, 이메일, 링크는 이미지가 아닌 텍스트로. 클릭할 수 있고, 이미지를 꺼도 읽을 수 있으며, 스크린 리더로도 접근할 수 있습니다.
소셜 아이콘은 흔한 함정입니다. 아이콘 하나하나가 호스팅이 필요한 이미지이며, 많은 받은편지함에서 기본적으로 차단됩니다. 이곳의 템플릿은 대신 어디서나 표시되는 작은 색상 텍스트 배지를 사용합니다.
템플릿 고르기
클래식과 모던은 대부분의 업무용에 어울립니다. 정보 옆에 사진이나 로고가 놓입니다. 컴팩트는 답장을 많이 해서 메시지마다 큰 블록이 붙는 것을 원하지 않는 분을 위한 것입니다. 가운데 정렬은 서명이 브랜드의 일부인 크리에이티브 직군에 어울립니다. 배너는 브랜드 색상을 더 강조합니다. 텍스트만 템플릿은 이미지나 색상 블록이 전혀 없어서 일반 텍스트 클라이언트, 메일링 리스트, 고객 지원 데스크에 가장 안전합니다.
무엇을 고르든 팀 전체가 같은 템플릿을 쓰세요. 일관된 서명은 의도적으로 보이고, 여러 스타일이 섞이면 브랜드를 관리하는 사람이 없는 것처럼 보입니다.
법적 고지와 추적 링크
일부 국가에서는 업무용 이메일에 회사 정보를 넣도록 요구합니다. 영국에서는 유한회사가 등록 상호, 등록 번호, 등록 사무소 주소를 표시해야 하고, 독일에서는 Impressum 규정이 비슷한 정보를 다룹니다. 기밀 유지 고지 문구는 그 자체로는 법적 효력이 거의 없으므로, 쓴다면 짧게 쓰세요.
행동 유도 버튼이나 랜딩 페이지 링크를 넣는다면 UTM 매개변수를 붙이세요(UTM 링크 생성기로 링크를 만들 수 있습니다). 그러면 클릭이 분석 도구에서 직접 유입이 아니라 "email signature"로 표시됩니다.
관련 무료 도구
- 스팸 단어 검사기 — 이메일 제목과 본문을 붙여 넣어 스팸 유발 문구, 과도한 대문자, 링크와 이미지 문제, 수신 거부 누락을 찾아보세요.
- 이메일 제목 테스터 — 이메일 제목을 길이, 스팸 유발 단어, 대문자, 문장 부호로 채점하고, iPhone과 Gmail에서 어디서 잘리는지 미리 보세요.
- QR 코드 생성기 — URL, 텍스트, 이메일, 전화, SMS, Wi-Fi, 연락처 카드용 QR 코드를 원하는 색으로 만들고 PNG나 SVG로 다운로드하세요. 코드는 만료되지 않습니다.
- UTM 링크 생성기 — 깔끔하고 일관된 UTM 추적 링크를 만들어 어떤 캠페인이 고객을 데려오는지 정확히 파악하세요.