[제한된 가용성]{class="badge informative"}
이미지를 HTML 템플릿으로 전환 image-to-html
Journey Optimizer을(를) 사용하면 정적 이미지 디자인을 완전히 사용자 지정할 수 있는 모듈식 HTML 이메일 콘텐츠 템플릿으로 전환하여 이메일 제작 속도를 크게 높일 수 있습니다.
통합 도구는 생성 AI 기술을 활용하여 이미지의 레이아웃, 타이포그래피, 색상 및 시각적 요소를 분석하고 이메일 Designer을(를) 통해 완전한 편집 가능성을 보장하면서 디자인 충실도를 유지하는 깔끔한 모듈식 HTML 코드를 생성합니다.
이 코드 없는 기능을 통해 마케터는 그래픽 디자이너 또는 디자인 도구의 시각적 에셋을 기술적 전문 지식 없이도 여러 여정 및 캠페인에서 저장하고 재사용할 수 있는 응답형의 편집 가능한 이메일 템플릿으로 변환할 수 있습니다.
주요 이점은 다음과 같습니다.
- 수동 코딩보다 빠름 - 변환기는 몇 분 안에 이미지를 편집 가능한 HTML으로 전환하므로 시간이 많이 소요되는 수동 mockup-to-HTML 워크플로우를 건너뛸 수 있습니다.
- 기술 기술이 필요하지 않습니다 - 마케터는 디자인 또는 개발 지원 없이 템플릿을 만들고 조정할 수 있습니다.
- 캠페인 간 재사용 가능 - 템플릿을 라이브러리에 저장하고 여정 또는 캠페인에서 사용합니다.
- 디자인에 맞게 유지 - 출력은 전자 메일 Designer과 완벽하게 호환되면서 레이아웃과 스타일이 일치합니다.
HTML으로 이미지 변환기는 다음 경우에 이상적입니다.
- 플랫폼 마이그레이션: 다른 이메일 마케팅 플랫폼에서 마이그레이션하시겠습니까? 처음부터 다시 빌드하지 않고 기존 이메일 디자인을 Journey Optimizer 사용 가능한 HTML 템플릿으로 변환합니다.
- 목업 변환 디자인: Photoshop, Figma 또는 기타 디자인 소프트웨어와 같은 도구의 디자인 목업을 기능적 전자 메일 템플릿으로 변환합니다.
- 빠른 템플릿 만들기: 개발자 리소스를 기다리지 않고 시간에 민감한 캠페인에 대해 전자 메일 템플릿을 신속하게 생성합니다.
- 템플릿 라이브러리 빌드: 일반 팀원이 사용자 지정하고 배포할 수 있는 브랜드 일관된 템플릿의 포괄적인 라이브러리를 만듭니다.
- 기술 종속성 감소: 마케터가 이메일 템플릿을 독립적으로 만들고 반복할 수 있도록 하여 캠페인 실행 속도를 높입니다.
가드레일 및 추천 사항 limitations
이미지를 HTML 콘텐츠 템플릿으로 변환할 때 다음 제한 사항에 유의하십시오.
-
AI 해석: AI는 이미지의 시각적 해석을 기반으로 HTML을 생성합니다. 복잡하거나 특이한 디자인은 변환 후 수동으로 조정해야 할 수 있습니다.
-
텍스트 정확도: AI가 텍스트를 정확하게 인식하고 재생하려고 시도하는 동안 항상 텍스트 콘텐츠를 확인하고 필요에 따라 수정하십시오.
-
다이내믹 콘텐츠: 변환 프로세스는 이미지를 기반으로 정적 HTML을 만듭니다. 전환 후 개인화, 다이내믹 콘텐츠 및 추적을 수동으로 추가해야 합니다.
-
복잡한 레이아웃: 복잡한 레이어, 특이한 모양 또는 비표준 요소를 사용하는 매우 복잡한 디자인은 완벽하게 변환되지 않을 수 있습니다. 더 단순한 디자인은 일반적으로 더 나은 결과를 낳는다.
-
처리 시간: 변환 프로세스는 이미지의 복잡성과 크기에 따라 최대 5분이 걸릴 수 있습니다. AI 처리는 백그라운드에서 수행되므로 화면을 열어 두지 않고도 다른 작업을 수행할 수 있습니다. 변환이 완료되면 템플릿은 자동으로 초안으로 저장됩니다.
-
제한된 가용성: 제한된 가용성 기능으로서 HTML 변환기에 대한 이미지가 계속 개선되고 있습니다. 기능과 정확도는 다를 수 있으며 피드백은 기능을 향상시키는 데 도움이 됩니다.
이미지를 HTML 템플릿으로 변환 convert-image
이미지 디자인을 완전히 사용자 지정 가능한 HTML 이메일 템플릿으로 변환하려면 아래 단계를 따르십시오.
-
이메일 디자인이 포함된 JPEG 또는 PNG 형식의 이미지 파일이 있는지 확인합니다.
note note NOTE 최상의 결과를 얻으려면 시각적 요소가 분명하고 읽을 수 있는 텍스트가 있는 고품질 이미지를 사용하십시오. 이미지는 표준 이메일 크기에 맞게 600~800픽셀 너비여야 합니다. -
왼쪽 메뉴에서 콘텐츠 관리 > 콘텐츠 템플릿을 선택하여 콘텐츠 템플릿 목록에 액세스합니다.
-
템플릿 만들기를 클릭합니다.
-
템플릿 세부 정보를 입력하고 채널로 이메일을(를) 선택하고 만들기를 클릭합니다.
-
이미지를 템플릿으로 변환 섹션에서 다음 단계를 수행하십시오.
-
(선택 사항) 조직에 Journey Optimizer에 브랜드 테마가 정의된 경우 생성된 HTML이 브랜드 테마 매개 변수에 따라 스타일이 지정되도록 테마를 입력으로 선택할 수 있습니다. 테마에 대해 자세히 알아보기
생성된 템플릿에 배경색, 단추 색상, 글꼴, 줄 간격, 여백 및 패딩과 같은 스타일이 적용되어 추가 디자인 작업이 줄어들고 최소한의 편집으로 사용할 준비가 된 템플릿이 생성됩니다.
-
이미지를 업로드하려면 이미지에 PII(개인 식별 정보)나 기타 중요한 데이터가 포함되어 있지 않은지 확인하고 해당 옵션을 선택하여 파일을 검토했음을 확인합니다.
-
이미지 업로드 단추를 클릭하여 이미지 파일을 선택합니다.
note caution CAUTION 전환을 위해 이미지를 업로드할 때 현재 이메일에 추가된 모든 콘텐츠가 삭제되고 생성된 템플릿으로 대체됩니다.
-
-
이미지를 선택한 후 열기를 클릭하여 AI 기반 전환 프로세스를 시작합니다.
note note NOTE 이미지 디자인의 복잡성과 크기에 따라 생성 프로세스에 최대 5분이 걸릴 수 있습니다. 전환이 진행되는 동안 이 화면에서 벗어나 다른 작업을 수행할 수 있습니다. -
전환이 완료되면 콘텐츠 템플릿이 자동으로 초안으로 저장됩니다.
-
전자 메일 본문 편집을 클릭합니다. 변환된 템플릿은 전체 편집 기능이 있는 전자 메일 Designer에서 열립니다. 이제 다음을 수행할 수 있습니다.
- 텍스트 컨텐츠 검토, 편집 및 개인화 적용
- 이미지 수정 및 링크 추가
- 색상, 글꼴 및 스타일 조정
- 콘텐츠 구성 요소 추가, 제거 또는 재배열
- 다른 템플릿과 마찬가지로 모든 이메일 Designer 기능 활용
-
템플릿을 세분화하고 브랜드 지침을 일치시키기 위해 필요한 조정을 수행합니다.
-
템플릿에 만족하면 저장을 클릭합니다.
이제 템플릿을 컨텐츠 템플릿 라이브러리에서 사용할 수 있으며, 여정 또는 캠페인에서 이메일을 만들 때 사용할 수 있습니다. 콘텐츠 템플릿을 사용하는 방법 알아보기
모범 사례 best-practices
이미지를 HTML 콘텐츠 템플릿으로 변환할 때 최적의 결과를 얻으려면 다음 권장 사항을 따르십시오.
- 기존 콘텐츠 저장: 이미지를 HTML으로 변환하면 전자 메일의 모든 기존 콘텐츠가 바뀝니다. 이 기능을 사용하기 전에 항상 현재 작업을 저장하십시오.
- 워크플로우를 계획합니다: 전자 메일 만들기 프로세스를 시작할 때 이미지를 HTML 변환기로 사용하거나 현재 콘텐츠를 모두 바꿀 준비가 되었는지 확인하십시오.
- 해상도: 고해상도 이미지(너비 1200px 이상)를 사용하여 텍스트 인식 및 요소 감지를 개선합니다.
- 명확성: 텍스트를 명확하게 읽을 수 있고 시각적 요소가 잘 정의되어 있는지 확인하십시오
- 너비: 일반적인 이메일 클라이언트 요구 사항에 맞게 표준 이메일 너비(600~800px)로 이미지 디자인
- 파일 형식: JPEG 또는 PNG 형식을 사용하십시오. 압축되었거나 낮은 품질의 이미지는 사용하지 마십시오.
- 전체 디자인: 머리글에서 바닥글까지 하나의 이미지에 전체 이메일 디자인을 포함합니다.
- 간단한 레이아웃: 구조가 잘 맞는 간단한 레이아웃은 매우 복잡한 디자인보다 더 정확하게 변환할 수 있습니다
- 표준 요소: 일반적인 전자 메일 디자인 패턴(머리글, 본문 섹션, CTA, 바닥글)을 사용합니다.
- 텍스트 가독성: 텍스트와 배경 간의 충분한 대비를 확인합니다.
- 웹 지원 글꼴: 일반적인 웹 지원 글꼴을 사용하는 디자인은 충실도가 향상됩니다
- 요소 겹침 방지: 구조를 더 잘 인식하려면 디자인 요소를 명확하게 구분하십시오
- 초안 검토: 전환이 완료되면 템플릿이 자동으로 초안으로 저장됩니다. 생성된 HTML의 정확성을 신중하게 검토하는 데 시간이 소요됩니다
- 철저하게 테스트: 다양한 이메일 클라이언트 및 장치에서 이메일을 테스트합니다.
- 수동으로 세분화: 이메일 Designer의 전체 편집 기능을 사용하여 필요에 따라 조정합니다
- 브랜드 정렬: 색상, 글꼴 및 스타일이 브랜드 지침과 일치하는지 확인
- Personalization: 필요에 따라 다이내믹 콘텐츠 및 개인화 토큰 추가
- 접근성: 필요한 경우 접근성 기능을 검토하고 개선합니다.