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)만 사용하는 것이 좋습니다. 특수문자는 사용하지 마세요.
    • 형식 옆의 SVG (svg)를 선택합니다. SVG Compressed(SVG 압축 파일)(svgz)를 선택하지 마세요.
  4. 저장 버튼을 클릭합니다.
  5. SVG Options(SVG 옵션) 창에서 다음 단계를 따릅니다.
    • SVG Profiles(SVG 프로필) 옆의 SVG Tiny 1.2를 선택합니다.
    • Image Location 옆의 Preserve를 선택합니다.
  6. '확인' 버튼을 클릭하여 파일 저장을 완료합니다.

  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의 상표입니다. 기타 모든 회사명 및 제품명은 해당 업체의 상표입니다.