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