--- url: "/ko/emailify/signatures/yahoo-webmail.md" description: "Emailify의 HTML 서명 내보내기 옵션으로 서명을 만들어 Yahoo!(웹메일)에 복사해 붙여 넣고 사용할 수 있어요." --- # Yahoo!(웹메일)용 HTML 이메일 서명 내보내기 및 설치 > Emailify의 HTML 서명 내보내기 옵션으로 서명을 만들어 Yahoo!(웹메일)에 복사해 붙여 넣고 사용할 수 있어요. > **Warning:** **이메일 서명의 HTML은 최대 10,000자로 제한돼요**. 이메일 서명을 내보낸 뒤 크기 제한을 넘으면 플러그인이 경고를 표시해요. 이를 피하려면 Emailify 플러그인의 **Footer** 탭에 있는 **Signature** 스타터 컴포넌트를 활용해 보세요. > **Note:** 안타깝게도 **“HTML Email Signature” 내보내기에서는 반응형 모바일 재정의가 *렌더링되지 않아요***. 이메일 클라이언트가 CSS style 태그와 @media 쿼리를 모두 제거하기 때문이에요(그래서 코드 내보내기에도 포함되지 않아요). 따라서 처음 디자인할 때부터 데스크톱과 모바일 너비 모두에서 보기 좋도록 균형을 맞추는 것이 좋아요. ### 영상 튜토리얼: Figma에서 HTML 이메일 서명 디자인 및 내보내기 이 영상은 Emailify 플러그인을 사용해 Figma에서 바로 쓸 수 있는 반응형 HTML 이메일을 디자인하고 내보내는 방법을 안내해요. [Embedded media](https://www.youtube-nocookie.com/embed/dmjDTWiphWk) ## Emailify에서 HTML 서명 내보내기 {#export-your-html-signature-from-emailify} [Video](/assets/videos/emailify/export/export-email-signature.mp4) Emailify 플러그인에서 **Export HTML** 버튼을 클릭해 내보내기 패널을 열고, 드롭다운 목록에서 **HTML Email Signature** 옵션을 선택한 다음 **Export to HTML Signature** 버튼을 클릭해 Figma에서 선택한 이메일을 HTML로 내보내세요. Emailify가 이메일 처리를 마치면 확인 메시지가 표시돼요. **Download your .zip file** 버튼을 클릭해 `.zip` 파일을 컴퓨터에 다운로드한 다음, `.zip` 압축을 풀면 내보낸 파일을 확인할 수 있어요. ## HTML 이메일 서명을 클립보드에 복사 {#copy-your-html-email-signature-to-the-clipboard} [Video](/assets/videos/emailify/export/copy-html-signature.mp4) Emailify에서 HTML 이메일 서명을 내보내고 `.zip` 파일의 압축을 풀었다면, `preview-and-install.html` 파일을 [Google Chrome](https://www.google.com/chrome/) 웹 브라우저에서 여세요(Safari 같은 다른 브라우저에서는 문제가 생길 수 있어요). 미리보기 페이지에서 **Copy HTML Signature** 버튼을 클릭하면 HTML 서명 내용이 클립보드에 자동으로 복사돼요. > **Tip:** 일부 이메일 클라이언트에는 “원시” HTML 코드가 필요할 수 있어요. 이럴 때는 `preview-and-install.html` 파일에서 **Copy HTML Signature (Raw Code)** 버튼을 클릭해 원시 HTML을 클립보드에 복사하세요. > **Note:** HTML을 클립보드에 복사했다면, 아래 안내([SignatureHound](https://signaturehound.com/)의 훌륭한 가이드에서 가져왔어요)에 따라 이메일 클라이언트에 서명을 설치하세요. ## Yahoo!(웹메일)에 HTML 이메일 서명 설치 {#how-to-install-your-html-email-signature-in-yahoo-web-mail} > **Warning:** 안타깝게도 **Yahoo! Mail은 서명의 이미지를 실시간으로 조정하며, 이는 저희가 제어할 수 없어요**. 아래에서 [이 렌더링 문제에 대한 자세한 내용](#important-information-about-yahoo-mail-image-scale-rendering-issues)을 모두 읽어 주세요. ![Yahoo!(웹메일) 아이콘](/assets/images/emailify/signatures/yahoo-webmail.png) 1. Yahoo 계정에 로그인한 상태에서 오른쪽 위의 설정 톱니바퀴를 클릭하세요. 2. 드롭다운이 열리면 **More Settings**를 클릭하세요. 3. 설정 옵션에서 **Writing Email**을 클릭하세요. 4. 가운데 열 아래쪽의 **+** 버튼을 클릭하세요. 5. 서명 편집기에 새 이메일 서명을 복사해 붙여 넣으세요. > **Warning:** 현재 Chrome의 복사·붙여넣기 방식에 버그가 있어 서명의 링크에 밑줄이 표시돼요. 이 문제를 해결하려면 [Mozilla Firefox](https://www.mozilla.org/en-US/firefox/new/) 같은 다른 브라우저에서 서명 설치를 완료하세요. 다른 브라우저로 이메일 서명을 설정한 뒤에는 다시 Chrome을 사용해도 돼요. > **Note:** 오른쪽 미리보기에 서명이 나타나지 않으면 서명 편집기의 텍스트 커서를 맨 위로 옮긴 다음 **Enter** 키를 누르세요. ![Yahoo 웹메일 설정 화면 스크린샷](/assets/images/emailify/signatures/yahoo-webmail-1.jpg) 6. 서명은 자동으로 저장돼요. 설정 페이지를 닫고 새 이메일을 작성해 새 서명을 확인해 보세요! ![Yahoo 웹메일에 설치된 서명 스크린샷](/assets/images/emailify/signatures/yahoo-webmail-2.jpg) ### Yahoo! Mail 이미지 크기 렌더링 문제에 관한 중요 정보 {#important-information-about-yahoo-mail-image-scale-rendering-issues} 안타깝게도 Yahoo Mail은 서명의 이미지를 실시간으로 조정하며, 이는 저희가 제어할 수 없어요. 이미지가 원래 크기보다 작게 축소되어 표시되면 일부 이메일 클라이언트에서 렌더링 문제가 생길 수 있어요. 저희가 확인한 바로는 다음 이미지가 축소돼요. - 프로필 이미지(400px → 100px) - 로고(600px → 150px) Yahoo Mail 미리보기에서는 서명이 괜찮아 보여도, Outlook 2019 같은 Microsoft 이메일 클라이언트를 사용하는 수신자에게는 이미지가 원래 크기로 표시될 가능성이 높아요(아래 예시 참고). ![MS Outlook에서 본 Yahoo 웹메일 발송 이메일 스크린샷](/assets/images/emailify/signatures/yahoo-webmail-warning.jpg) Windows 메일 클라이언트를 사용하는 수신자에게 서명을 보내 테스트해 보세요. 문제가 발생한다면 이미지를 서명에 표시될 정확한 크기로 업로드해서(축소하지 않고) 해결할 수 있어요. [무료 온라인 서비스](https://www.iloveimg.com/resize-image)(또는 Figma)를 사용해 이미지 크기를 알맞게 조정할 수 있어요. > **Warning:** 크기를 조정하면 Windows 이메일 클라이언트에서는 이미지가 올바르게 렌더링되지만, 태블릿, 휴대폰 등 고해상도 화면에서는 약간 흐릿하게 보여요. 이 부분을 타협할 수 없다면 다른 이메일 클라이언트를 사용하는 것을 권장해요.