BIMI SVG 파일 만들기 (세부 단계)

이 페이지에서는 BIMI를 사용하여 이메일 메시지에 로고를 추가할 수 있도록 BIMI SVG 파일을 만드는 방법을 설명합니다.

현재 BIMI 요구사항을 모두 충족하는 SVG 파일을 만들 수 있는 애플리케이션은 없습니다. BIMI용 SVG 파일은 일반적으로 텍스트 편집기 또는 특수 목적 스크립트를 사용하여 수동으로 수정해야 합니다. BIMI SVG 파일을 생성하기 위한 권장 도구 에 대해 자세히 알아보세요 .

Adobe Illustrator를 사용하여 SVG 파일을 만든 다음 텍스트 편집기를 사용하여 파일 중 일부를 변경할 수 있습니다. SVG 파일 생성 시 SVG 파일 요구사항 및 권장사항을 따라야 합니다.

  1. Illustrator에서 소스 벡터 이미지를 엽니다. 파일 이미지가 Gmail BIMI 이미지의 요구사항 및 권장사항 (BIMI 표준 요구사항 외)을 충족하는지 확인하세요.
    1. 최소 높이와 너비는 96픽셀입니다.
    2. 이미지 크기는 픽셀의 절대값으로 지정해야 합니다. 예: width="96" height="96"
    3. 이미지 크기를 지정할 때는 상대적인 치수를 사용하지 마세요. 예: width="100%" height="100%"
    4. 로고 이미지는 정사각형 중앙에 위치해야 합니다.
    5. 로고 이미지는 단색 배경에 표시되어야 합니다. 투명한 배경은 정상적으로 표시되지 않을 수 있습니다.
    6. SVG 파일 크기는 32KB 이하여야 합니다.
    7. SVG 파일에는 접근성을 위해 <desc> 요소 (설명)를 포함해야 합니다.
    8. SVG 파일에 비트맵, 다른 파일 링크, 텍스트 또는 그룹화된 객체가 포함되지 않아야 합니다. 파일의 텍스트를 객체로 유지하려면 Illustrator의 Create outlines(윤곽선 만들기) 기능을 사용합니다.
  2. File > Save As…를 선택합니다.
  3. Save As(다른 이름으로 저장) 창에서 다음 단계를 따릅니다.
    • Save As(다른 이름으로 저장) 필드에 파일 이름을 입력합니다. 소문자와 대시(예: mybrand-bimi.svg)만 사용하고 특수문자는 사용하지 마세요.
    • Format(형식) 옆의 SVG(svg)를 선택합니다. SVG Compressed(SVG 압축 파일) (svgz)를 선택하지 마세요.
  4. 저장 버튼을 클릭합니다.
  5. SVG Options(SVG 옵션) 창에서 다음 단계를 따릅니다.
    • SVG Profiles(SVG 프로필) 옆의 SVG Tiny 1.2 를 선택합니다.
    • Image Location(이미지 위치) 옆의 Preserve(보존)를 선택합니다.
  6. OK 버튼을 클릭하여 파일을 저장을 완료합니다.

  7. 텍스트 편집기에서 파일을 엽니다. 다음과 같이 표시되는 파일의 첫 번째 부분을 수정합니다.

    <?xml version="1.0" encoding="utf-8"?>
<svg version="1.2" baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="96px"
y="96px" viewBox="0 0 742.23 828.45" overflow="visible" xml:space="preserve">
<g id="design">

  8. 텍스트 파일의 3번째 및 4번째 줄을 변경합니다.

    • svg version 값이 1.2인지 확인합니다. 그렇지 않은 경우 1.2로 변경합니다.
    • baseProfile 값을 tiny-ps로 변경합니다.
    • x 및 y 속성과 값을 삭제합니다.
    • 8단계의 예에 표시된 대로 <title> 태그와 값을 추가합니다. 제목은 <svg 뒤에, <g> 앞에 와야 합니다.

  9. 수정 후 파일의 첫 번째 부분이 다음과 같이 표시되는지 확인합니다.

    <?xml version="1.0" encoding="utf-8"?>
<svg version="1.2" baseProfile="tiny-ps" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
overflow="visible" xml:space="preserve">
<title>Solarmora Services</title>
<g id="design">

  10. 텍스트 파일에 변경된 내용을 저장합니다. 파일 확장자는 .svg여야 합니다.

다음 단계

다음으로 VMC 및 연결된 PEM과 인증서 파일을 가져옵니다.


Google, Google Workspace 및 관련 마크와 로고는 Google LLC의 상표입니다. 기타 모든 회사명 및 제품명은 해당 업체의 상표입니다.