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