Outlook 이메일에 SVG 서명 파일을 추가하는 방법은 무엇입니까?

SVG(Scalable Vector Graphics)는 1999년에 처음 등장한 벡터 파일 형식입니다. XML 기반의 벡터 이미지 형식으로 다양한 웹 그래픽에 사용할 수 있습니다. 성장은 더뎠지만 2017년까지 거의 모든 최신 웹 브라우저에서 SVG를 렌더링할 수 있고 대부분의 벡터 드로잉 소프트웨어는 SVG로 내보낼 수 있습니다.

SVG를 사용하는 이유

SVG는 사용자에게 많은 유연성을 제공합니다. SVG는 기본적으로 선, 곡선 또는 색상을 통해 모양을 설명하는 단순한 일반 텍스트에 불과합니다. 다음은 코드가 포함된 SVG 파일의 예입니다.

SVG의 몇 가지 장점은 다음과 같습니다.

• 작은 크기 – 웹 그래픽에 적합
• 유연성 CSS를 사용하면 텍스트 편집기를 사용하여 이동 중에도 그래픽을 쉽게 사용자 지정할 수 있습니다.
• 확장 가능 – 이미지 품질을 잃지 않고 크기를 늘리거나 줄일 수 있습니다.
• 거의 모든 브라우저가 지원 입니다.
  

Outlook 이메일에 SVG 서명 파일을 추가하는 방법은 무엇입니까?

SVG 파일에 대한 지원이 증가하고 있지만 주요 이메일 운영자는 유연성과 모든 이점에도 불구하고 여전히 이 파일 형식을 기본적으로 지원하지 않습니다.
이메일에 SVG 이미지 파일을 포함할 수는 있습니다. 브라우저의 HTML 소스 코드를 다루는 데 약간의 노하우가 필요하거나 단계만 따르면 문제가 없습니다.

참고:  브라우저에서 Outlook을 사용하고 있는지 확인하십시오. 기본 메일 또는 Outlook 응용 프로그램은 SVG 서명을 지원하지 않습니다.

1단계: 

1. 첫 번째 단계는 원하는 이미지나 서명이 Imgur 또는 TinyPic과 같은 온라인 이미지 호스팅 웹사이트에 있는지 확인하는 것입니다. 이 자습서에서는 Google 이미지의 임의 SVG 서명을 사용합니다.
   
2. 다음에 오른쪽 클릭 누르기 이미지에서 이미지 주소 복사를 선택합니다.

해당 이미지를 저장하고 인라인 으로 삽입할 수 있습니다. 이미지를 Outlook에 표시하지만 이 파일 형식을 지원하지 않는다는 오류가 표시됩니다.

2단계:

다음 단계는 이 서명을 삽입하려는 이메일로 이동하는 것입니다. 빈 영역을 마우스 오른쪽 버튼으로 클릭하고 검사를 클릭합니다. 그러면 많은 HTML 코드가 포함된 새 대화 상자가 열립니다. 이 코드는 현재 보고 있는 것을 정의합니다.

3단계:

이 다음 단계는 약간 까다롭습니다. 여기에 보이는 모든 코드는 웹 페이지의 레이아웃을 위한 것입니다. HTML 코드의 다른 부분을 강조 표시하면 웹 페이지에서 해당 요소가 강조 표시됩니다.

다음으로 해야 할 일은 여백 공간을 추가하는 것입니다. 마지막 줄 이후. HTML 소스 코드 편집기에 빈 요소가 생성됩니다.

4단계:

이제 빈 요소를 수정하고 서명용 HTML 코드를 삽입하겠습니다.
해당 요소를 마우스 오른쪽 버튼으로 클릭하고 HTML로 수정을 선택합니다. . 이전 내용을 모두 지운 후 다음 HTML 코드를 삽입하십시오.

<img src="https://upload.wikimedia.org/wikipedia/commons/a/af/Adriansosa_signature.svg" style="width:200px;height:121px;">

이 HTML 코드에는 두 부분이 있습니다. 첫 번째 부분에서 src 기능은 이미지 파일의 소스를 설정하는 데 사용됩니다. 두 번째 부분 스타일 기능은 이미지 파일의 크기를 설정하는 데 사용됩니다.

코드를 입력한 후 이메일 상자의 빈 부분을 클릭하면 서명이 나타납니다.