히스토리

로그인하여 히스토리 보기

온라인 이메일 서명 HTML 편집기 - 무료 서명 제작 도구 | HtmlDrag

이메일 서명 편집기

기존 HTML 이메일 서명을 붙여넣고 시각적으로 조정하세요: 텍스트, 링크, 간격 및 레이아웃.

0/200

미리보기

코드를 입력한 후 아래 버튼을 클릭하여 미리보기를 생성하세요

템플릿

프로페셔널 비즈니스 전략 브리핑 베이지 & 그레이 이메일
럭셔리 패션 에디토리얼 미니멀 화이트 & 블랙 이메일
모던 테크 뉴스레터 다크 블루 미래 테크 이메일
웜 베이지 오가닉 라이프스타일 & 웰니스 데일리 리추얼 이메일

HTML 이메일 서명 조정 방법

HubSpot이나 회사에서 받은 HTML 서명이 있으신가요? 코드를 붙여넣고 몇 분 만에 다듬으세요.

1

서명 HTML 붙여넣기

기존 HTML 이메일 서명을 복사하여 도구에 붙여넣으세요.

2

미리보기 및 시각적 조정

미리보기를 클릭하여 편집 가능한 프로젝트를 만드세요. 더블클릭으로 텍스트를 편집하고 우클릭으로 이미지를 교체하세요.

3

Gmail / Outlook에서 사용

작업을 저장한 다음 업데이트된 HTML을 이메일 클라이언트 서명 설정에 복사하세요.

실제 이메일 클라이언트를 위해 설계

어디서나 잘 보이는 서명

Outlook 호환 HTML

테이블 레이아웃과 일반적인 이메일 스타일(MSO 속성 포함)을 유지하여 렌더링 문제를 줄입니다.

코드 없이 편집

더블클릭으로 텍스트를 편집하고 우클릭으로 이미지를 교체하세요. HTML을 건드릴 필요가 없습니다.

빠른 미리보기

빠른 반복을 위한 브라우저 즉시 미리보기.

Outlook에서 안정적인 이유 (MSO-safe)

Outlook은 Word 기반 엔진으로 이메일을 렌더링합니다. 우리는 이메일용 HTML 패턴을 최대한 보존하고, 내보내기 시 편집기 전용 표식을 정리하는 데 집중합니다.

MSO 조건부 주석 보존

Outlook 전용 블록인 <!--[if mso]>…<![endif]--> 같은 조건부 주석을 보존해 호환성 처리가 사라지지 않도록 합니다.

테이블 기반 이메일 구조 유지

서명은 종종 <table> 레이아웃에 의존합니다. 불필요한 구조 변경을 피하여 틀어짐 위험을 줄입니다.

내보내기 시 HTML 정리 (편집기 속성 제거)

HtmlDrag에서 내보낼 때 data-editor-id, contenteditable, editable-* id 등 편집기 전용 속성을 제거하며, MSO 블록 내부도 포함됩니다.

자주 묻는 질문

HTML 서명을 안전하게 조정하기 위한 빠른 답변.

네. HTML 서명 코드가 있으면 여기에 붙여넣고 조정할 수 있습니다.
테이블 구조와 Outlook 특정 스타일을 유지하지만, 항상 귀하의 버전에서 테스트해야 합니다.
서명 HTML에서 <img src="..."> URL을 업데이트하고 다시 미리보기하세요.
둘 다 됩니다.
편집 및 미세 조정은 완전히 무료이며, 서명 이미지 다운로드도 무료입니다. 신규 가입 시 무료 포인트가 증정되며, 이를 사용하여 최적화된 HTML 소스 코드를 다운로드할 수 있습니다.

몇 분 만에 이메일 서명을 조정할 준비가 되셨나요?

HTML 서명을 붙여넣고 HtmlDrag로 시각적으로 다듬으세요.

HtmlDrag

누구나 사용할 수 있는 드래그 앤 드롭 HTML 에디터

© 2026 HtmlDrag. All rights reserved.