liminfo

Email Signature Generator

전문적 HTML 이메일 서명 생성기

미리보기

John Doe
Software Engineer
Acme Inc.
+1 (555) 123-4567

HTML 코드

<table cellpadding="0" cellspacing="0" style="font-family:Arial,sans-serif;font-size:13px;color:#333">
  <tr>
    <td style="padding-right:15px;border-right:2px solid #0066cc">
      <div style="font-weight:bold;font-size:16px;color:#0066cc">John Doe</div>
      <div style="color:#666;margin-top:2px">Software Engineer</div>
      <div style="font-weight:600;margin-top:2px">Acme Inc.</div>
    </td>
    <td style="padding-left:15px">
      <div><a href="mailto:john@acme.com" style="color:#0066cc;text-decoration:none">john@acme.com</a></div>
      <div style="margin-top:2px">+1 (555) 123-4567</div>
      <div style="margin-top:2px"><a href="https://acme.com" style="color:#0066cc;text-decoration:none">acme.com</a></div>
    </td>
  </tr>
</table>

Email Signature Generator 소개

이메일 서명 생성기는 이름, 직책, 회사, 이메일, 전화번호, 웹사이트 6가지 입력 필드로 전문적인 HTML 이메일 서명을 생성합니다. 테이블 기반 레이아웃과 인라인 CSS를 사용하여 Gmail, Outlook, Apple Mail, Thunderbird 등 주요 이메일 클라이언트에서 깨지지 않는 호환성을 보장합니다.

미니멀(단일 열, 파이프 구분), 프로페셔널(2px 파란색 보더로 구분된 2단 레이아웃), 모던(대문자 트래킹 자막, 3px 하단 보더, 중간점 구분) 3가지 템플릿을 제공하며, 생성된 HTML 소스코드를 원클릭으로 복사할 수 있습니다.

모든 서명 생성은 브라우저에서 React 상태와 useMemo를 활용하여 실시간으로 처리되며, 개인정보가 서버로 전송되지 않습니다.

주요 기능

  • Minimal, Professional(파란색 보더 2단), Modern(대문자 트래킹) 3가지 HTML 이메일 서명 템플릿
  • 이름, 직책, 회사, 이메일, 전화번호, 웹사이트 6개 필드 자유 커스터마이징
  • 테이블 레이아웃 + 인라인 CSS로 Gmail, Outlook, Apple Mail 등 주요 이메일 클라이언트 호환
  • 필드 입력 시 실시간으로 업데이트되는 라이브 미리보기
  • 구문 강조 표시된 HTML 소스코드와 원클릭 클립보드 복사 기능
  • Professional 템플릿은 #0066cc 파란색 2px 보더로 좌우 컬럼 분리
  • Modern 템플릿은 Helvetica Neue 폰트와 -0.5px 자간, 대문자 자막 스타일 적용
  • 웹사이트 URL에서 http:// 및 https:// 프로토콜 자동 제거로 깔끔한 표시

자주 묻는 질문

어떤 이메일 서명 템플릿을 사용할 수 있나요?

3가지 템플릿을 제공합니다. Minimal은 단일 열에 파이프(|)로 연락처를 구분하는 간결한 스타일, Professional은 2px 파란색(#0066cc) 보더로 좌측(이름·직책)과 우측(연락처)을 나누는 2단 레이아웃, Modern은 18px 굵은 이름과 대문자 자막, 3px 하단 보더를 활용한 타이포그래피 중심 디자인입니다.

생성된 서명이 Gmail과 Outlook에서 정상 표시되나요?

네. 모든 템플릿은 테이블 기반 HTML에 인라인 CSS 스타일을 적용합니다. 이메일 클라이언트가 외부 스타일시트나 CSS 클래스를 제거하더라도 인라인 스타일은 유지되므로, Gmail, Outlook, Apple Mail 등에서 레이아웃이 깨지지 않습니다.

이메일 클라이언트에 서명을 어떻게 추가하나요?

HTML 코드 복사 버튼을 클릭한 후, Gmail은 설정 > 서명에서 붙여넣기, Outlook은 파일 > 옵션 > 메일 > 서명에서 설정, Apple Mail은 환경설정 > 서명에서 추가하면 됩니다. 일부 클라이언트에서는 미리보기 화면을 직접 복사·붙여넣기하는 것이 더 효과적일 수 있습니다.

서명 색상을 변경할 수 있나요?

Professional 템플릿은 #0066cc 파란색, Modern 템플릿은 #111 검정색을 기본 액센트 색상으로 사용합니다. 생성기에 색상 선택 기능은 없지만, HTML 소스코드를 복사한 후 hex 색상 값을 직접 수정하여 원하는 색상으로 변경할 수 있습니다.

각 템플릿은 어떤 폰트를 사용하나요?

Minimal과 Professional 템플릿은 Arial 산세리프 폰트(13px 기본 크기)를 사용하고, Modern 템플릿은 Helvetica Neue 폰트 스택에 -0.5px 자간을 적용하여 세련된 타이포그래피를 구현합니다.

빈 필드는 어떻게 처리되나요?

각 템플릿은 빈 필드를 자동으로 감지하여 해당 항목을 생략합니다. 회사명을 비우면 파이프 구분자나 대시가 함께 사라지고, 웹사이트를 비우면 해당 줄 자체가 렌더링되지 않습니다. 구분자(파이프, 중간점 등)도 빈 값을 필터링한 후 적용됩니다.

웹사이트 URL은 어떻게 표시되나요?

생성기는 정규식을 사용하여 http:// 또는 https:// 프로토콜 접두사를 자동으로 제거하고 "acme.com"과 같이 깔끔하게 표시합니다. 클릭 가능한 링크의 href 속성에는 전체 URL이 그대로 유지됩니다.

입력한 개인정보는 안전한가요?

네. 모든 처리는 브라우저 안에서 React 컴포넌트 상태로만 관리되며, JavaScript 템플릿 리터럴로 실시간 HTML을 생성합니다. 이름, 이메일, 전화번호 등 개인정보는 서버로 전송되거나 데이터베이스에 저장되는 일이 없습니다.