Computer >> 컴퓨터 >  >> 소프트웨어 >> 메일

Outlook 이메일에 SVG 서명 파일을 추가하는 방법 완벽 가이드

SVG(Scalable Vector Graphics)는 1999년 처음 등장한 벡터 파일 형식입니다. XML 기반의 벡터 이미지 형식으로, 다양한 웹 그래픽에 폭넓게 활용됩니다. 초기에는 성장세가 더뎠지만, 2017년 무렵에는 거의 모든 최신 웹 브라우저가 SVG를 렌더링할 수 있게 되었고, 대부분의 벡터 드로잉 소프트웨어 역시 SVG 형식으로 내보내기를 지원합니다.

왜 SVG를 사용해야 할까요?

SVG는 사용자에게 상당한 유연성을 제공합니다. SVG는 본질적으로 선, 곡선, 색상으로 도형을 묘사하는 단순한 일반 텍스트에 불과하기 때문입니다. 아래는 실제 코드가 담긴 예시 SVG 파일입니다.

Outlook 이메일에 SVG 서명 파일을 추가하는 방법 완벽 가이드

SVG의 주요 장점은 다음과 같습니다.

  • 작은 파일 크기 – 웹 그래픽에 적합합니다.
  • CSS와의 높은 호환성 – 간단한 텍스트 편집기만 있으면 언제든지 그래픽을 손쉽게 수정할 수 있습니다.
  • 무손실 확장성 – 이미지 품질 저하 없이 크기를 자유롭게 늘리거나 줄일 수 있습니다.
  • 거의 모든 브라우저에서 지원됩니다.

Outlook 이메일에 SVG 서명 파일을 추가하는 방법

SVG 파일에 대한 지원이 점차 확대되고 있지만, 주요 이메일 서비스 업체들은 여러 장점에도 불구하고 아직 이 형식을 기본적으로 지원하지 않습니다.
그럼에도 불구하고 SVG 이미지를 이메일에 삽입하는 방법은 존재합니다. 브라우저의 HTML 소스 코드를 다루는 약간의 노하우만 있으면 되며, 아래 단계를 순서대로 따라 하면 누구나 쉽게 적용할 수 있습니다.

참고: 반드시 브라우저에서 실행하는 Outlook 웹 버전을 사용해야 합니다. 기본 메일 앱이나 Outlook 데스크톱 프로그램은 SVG 서명을 지원하지 않습니다.

1단계: 이미지 주소 복사하기

  1. 먼저 원하는 이미지나 서명이 Imgur, TinyPic 같은 온라인 이미지 호스팅 사이트에 업로드되어 있는지 확인합니다. 이 튜토리얼에서는 구글 이미지에서 가져온 임의의 SVG 서명을 사용하겠습니다.
    2. Outlook 이메일에 SVG 서명 파일을 추가하는 방법 완벽 가이드
  2. 이미지를 마우스 오른쪽 버튼으로 클릭한 뒤 '이미지 주소 복사(Copy image address)'를 선택합니다.
Outlook 이메일에 SVG 서명 파일을 추가하는 방법 완벽 가이드

이미지를 저장한 후 Outlook에 인라인 이미지로 직접 삽입해 볼 수도 있지만, 이 경우 '파일 형식을 지원하지 않는다'는 오류 메시지가 표시됩니다.

Outlook 이메일에 SVG 서명 파일을 추가하는 방법 완벽 가이드

2단계: 개발자 도구 열기

다음으로 서명을 삽입하려는 이메일 작성 화면으로 이동합니다. 빈 영역을 마우스 오른쪽 버튼으로 클릭하고 '검사(Inspect)'를 선택합니다. 그러면 수많은 HTML 코드가 담긴 새 창이 열리는데, 이 코드가 바로 현재 화면에 보이는 내용을 정의하는 요소들입니다.

Outlook 이메일에 SVG 서명 파일을 추가하는 방법 완벽 가이드

3단계: 빈 요소 만들기

이 단계는 조금 까다로울 수 있습니다. 화면에 보이는 모든 코드는 웹 페이지의 레이아웃을 구성하는 요소들입니다. HTML 코드의 특정 부분에 마우스를 올리면, 해당 요소가 실제 웹 페이지에서 함께 강조 표시되는 것을 확인할 수 있습니다.

Outlook 이메일에 SVG 서명 파일을 추가하는 방법 완벽 가이드

이제 마지막 코드 줄 뒤에 빈 공간을 하나 추가합니다. 그러면 HTML 소스 코드 편집기 안에 새로운 빈 요소가 생성됩니다.

Outlook 이메일에 SVG 서명 파일을 추가하는 방법 완벽 가이드

4단계: HTML 코드 삽입하기

이제 생성된 빈 요소를 편집하여 서명용 HTML 코드를 넣습니다.
해당 요소를 마우스 오른쪽 버튼으로 클릭하고 'HTML로 편집(Edit as HTML)'을 선택한 뒤, 기존 내용을 모두 지우고 아래 코드를 입력합니다.

<img src="https://upload.wikimedia.org/wikipedia/commons/a/af/Adriansosa_signature.svg" style="width:200px;height:121px;">
Outlook 이메일에 SVG 서명 파일을 추가하는 방법 완벽 가이드

이 HTML 코드는 두 부분으로 구성되어 있습니다. 첫 번째 부분의 src 속성은 이미지 파일의 경로(소스)를 지정하고, 두 번째 부분의 style 속성은 이미지의 가로·세로 크기를 설정합니다.

Outlook 이메일에 SVG 서명 파일을 추가하는 방법 완벽 가이드

코드 입력을 마친 후 이메일 입력란의 빈 곳을 클릭하면, 방금 추가한 서명이 화면에 나타나는 것을 확인할 수 있습니다.

Outlook 이메일에 SVG 서명 파일을 추가하는 방법 완벽 가이드

알아두어야 할 주의사항

  • 받는 사람이 Gmail처럼 다른 이메일 서비스를 사용하는 경우, 서명이 정상적으로 표시되지 않을 수 있습니다.
  • 이메일에서 SVG 삽입을 기본적으로 지원하지 않기 때문에, 호환성을 고려하면 모든 이메일 서비스에서 지원되는 .PNG 파일을 서명으로 사용하는 것이 더 안전한 선택입니다.