이미지를 HTML 템플릿으로 변환 image-to-html

Last update: Fri Nov 07 2025 00:00:00 GMT+0000 (Coordinated Universal Time)

주제:

작성 대상:

초급
중간

개요 overview

이미지를 HTML으로 전환하면 정적 이미지가 완전히 맞춤화가 가능한 모듈식 HTML 이메일 콘텐츠 템플릿으로 변환되어 이메일 생성 시간이 크게 단축됩니다. 이 코드 없는 도구를 사용하면 그래픽 디자이너 또는 디자인 도구의 시각적 디자인을 반응형 편집 가능한 이메일 템플릿으로 변환하여 몇 번이고 다시 사용할 수 있습니다.

생성 AI 기술을 활용하는 이미지-HTML 변환기는 이미지의 레이아웃, 타이포그래피, 색상 및 시각적 요소를 분석하고 이메일 Designer과의 완전한 편집 가능성과 호환성을 보장하면서 디자인 충실도를 유지하는 깔끔한 모듈식 HTML 코드를 생성합니다.

PREREQUISITES

먼저 이메일 Designer에서 Gen-AI 기능을 사용하려면 핵심 Gen-AI 약관 및 추가 약관에 동의해야 합니다. 자세한 내용은 Adobe 계정 팀(계정 관리자)에 문의하십시오.
전자 메일 템플릿 액세스와 전자 메일 템플릿 편집/생성 사용 권한이 Marketo 역할에서 사용되어야 합니다.

이미지 변환 convert-an-image

이미지를 완전히 사용자 지정 가능한 HTML 이메일 템플릿으로 변환하려면 아래 단계를 따르십시오.

NOTE

최상의 결과를 얻으려면 시각적 요소가 분명하고 읽을 수 있는 텍스트가 있는 고품질 이미지를 사용하십시오. 이미지는 표준 이메일 크기에 맞게 600~800픽셀 너비여야 합니다.

Design Studio에서 전자 메일 서식 파일을 클릭한 다음 전자 메일 서식 파일(새 서식 파일)을 클릭합니다.
Convert image to template를 클릭합니다.
템플릿 이름 및 선택적 설명을 입력하십시오. 또한 선택적으로 브랜드 스타일을 선택할 수 있습니다. 원하는 이미지를 업로드하거나 드래그하여 놓습니다.

아래로 스크롤하여 업로드 파일에 포함되지 않음… 확인란을 선택하십시오. 변환을 클릭합니다.

note note
NOTE
이미지 디자인의 복잡성과 크기에 따라 생성 프로세스에 최대 5분이 걸릴 수 있습니다. AI 처리는 백그라운드에서 수행되므로 전환이 진행되는 동안 이 화면에서 벗어나 다른 작업을 수행할 수 있습니다. 상태 변경을 보려면 전자 메일 템플릿 라이브러리 화면을 새로 고쳐야 할 수 있습니다.

변환이 완료되면 템플릿이 자동으로 초안으로 저장됩니다. 이름을 클릭하여 보거나 편집합니다.
변환된 템플릿은 전체 편집 기능이 있는 이메일 Designer에서 열립니다. 이제 다음을 수행할 수 있습니다.
- 텍스트 컨텐츠 편집 및 개인화 적용
- 이미지 수정 및 링크 추가
- 색상, 글꼴 및 스타일 조정
- 콘텐츠 구성 요소 추가, 제거 또는 재배열
- 다른 템플릿과 마찬가지로 모든 이메일 Designer 기능 활용
{width="800" modal="regular"}
원하는 대로 조정하여 템플릿을 구체화하고 브랜드 지침을 일치시킬 수 있습니다.
템플릿에 만족하면 Save & close을(를) 클릭한 다음 게시을(를) 클릭합니다.

이제 전자 메일 템플릿 라이브러리에서 템플릿을 사용할 수 있으며 전자 메일을 만들 때 사용할 수 있습니다.

일반적인 사용 사례 use-cases

HTML으로 이미지 변환기는 다음 경우에 이상적입니다.

플랫폼 마이그레이션: 다른 이메일 마케팅 플랫폼에서 마이그레이션하시겠습니까? 처음부터 다시 빌드하지 않고 기존 이메일 디자인을 Marketo Engage에서 사용 가능한 HTML 템플릿으로 변환
목업 변환 디자인: Photoshop, Figma 또는 기타 디자인 소프트웨어와 같은 도구의 디자인 목업을 기능적 전자 메일 템플릿으로 변환합니다.
빠른 템플릿 만들기: 개발자 리소스를 기다리지 않고 시간에 민감한 캠페인에 대해 전자 메일 템플릿을 신속하게 생성합니다.
템플릿 라이브러리 빌드: 일반 팀원이 사용자 지정하고 배포할 수 있는 브랜드 일관된 템플릿의 포괄적인 라이브러리를 만듭니다.

모범 사례 best-practices

시작하기 전에

기존 콘텐츠 저장: 이미지를 HTML으로 변환하면 전자 메일의 모든 기존 콘텐츠가 바뀝니다. 이 기능을 사용하기 전에 항상 현재 작업을 저장하십시오.
워크플로우를 계획합니다: 전자 메일 만들기 프로세스를 시작할 때 이미지를 HTML 변환기로 사용하거나 현재 콘텐츠를 모두 바꿀 준비가 되었는지 확인하십시오.

이미지 준비

해상도: 고해상도 이미지를 사용하여 텍스트 인식 및 요소 감지를 개선합니다.
명확성: 텍스트를 명확하게 읽을 수 있고 시각적 요소가 잘 정의되어 있는지 확인하십시오.
너비: 일반적인 이메일 클라이언트 요구 사항에 맞게 표준 이메일 너비(600~800px)로 이미지를 디자인합니다.
파일 형식: JPEG 또는 PNG 형식을 사용하십시오. 압축되었거나 낮은 품질의 이미지는 사용하지 마십시오.
디자인 완료: 머리글부터 바닥글까지 하나의 이미지에 전체 이메일 디자인을 포함합니다.

디자인 고려 사항

간단한 레이아웃: 구조가 잘 맞는 간단한 레이아웃은 매우 복잡한 디자인보다 더 정확하게 변환할 수 있습니다.
표준 요소: 일반적인 전자 메일 디자인 패턴(머리글, 본문 섹션, CTA, 바닥글)을 사용합니다.
텍스트 가독성: 텍스트와 배경의 대비가 충분한지 확인하십시오.
웹 지원 글꼴: 일반적인 웹 지원 글꼴을 사용하는 디자인은 충실도가 향상됩니다.
겹치는 요소를 사용하지 마십시오: 구조를 더 잘 인식하려면 디자인 요소를 명확하게 구분하십시오.

전환 후

초안 검토: 전환이 완료되면 템플릿이 자동으로 초안으로 저장됩니다. 생성된 HTML의 정확성을 신중하게 검토하는 데 시간을 투자하십시오.
철저하게 테스트: 다양한 전자 메일 클라이언트 및 장치에서 전자 메일을 테스트합니다. 더 빠른 결과를 얻으려면 Litmus 통합을 활용하십시오.
수동으로 세분화: 이메일 Designer의 전체 편집 기능을 사용하여 필요에 따라 조정합니다.
브랜드 정렬: 색상, 글꼴 및 스타일이 브랜드 지침과 일치하는지 확인합니다.
Personalization: 원하는 대로 다이내믹 콘텐츠 및 개인화 토큰을 추가합니다.
접근성: 필요한 경우 접근성 기능을 검토하고 개선합니다.

제한 사항 및 고려 사항 limitations

HTML에 이미지 변환 장치를 사용할 때는 다음 제한 사항에 유의하십시오.

AI 해석: AI는 이미지의 시각적 해석을 기반으로 HTML을 생성합니다. 복잡하거나 특이한 디자인은 변환 후 수동으로 조정해야 할 수 있습니다.
텍스트 정확도: AI가 텍스트를 정확하게 인식하고 재생하려고 시도하는 동안 항상 텍스트 콘텐츠를 확인하고 필요에 따라 수정하십시오.
다이내믹 콘텐츠: 변환 프로세스는 이미지를 기반으로 정적 HTML을 만듭니다. 전환 후 개인화, 다이내믹 콘텐츠 및 추적을 수동으로 추가해야 합니다.
복잡한 레이아웃: 복잡한 레이어, 특이한 모양 또는 비표준 요소를 사용하는 매우 복잡한 디자인은 완벽하게 변환되지 않을 수 있습니다. 더 단순한 디자인은 일반적으로 더 나은 결과를 낳는다.
처리 시간: 변환 프로세스는 이미지의 복잡성과 크기에 따라 최대 5분이 걸릴 수 있습니다. AI 처리는 백그라운드에서 수행되므로 화면을 열어 두지 않고도 다른 작업을 수행할 수 있습니다. 변환이 완료되면 템플릿은 자동으로 초안으로 저장됩니다.

NOTE

HTML에 대한 이미지 변환기는 이메일 만들기에 강력한 시작점을 제공하도록 설계되었습니다. 생성된 HTML은 이메일 Designer을 사용하여 검토 및 개선하여 요구 사항을 충족하는지 확인해야 합니다.

자주 묻는 질문 faq

이미지를 HTML 변환기에 사용할 때 기존 이메일 컨텐츠는 어떻게 됩니까?

전환을 위해 이미지를 업로드할 때 이메일의 기존 콘텐츠가 모두 삭제되고 새로 생성된 템플릿으로 대체됩니다. 이 기능을 사용하기 전에 중요한 콘텐츠를 저장해야 합니다. 이메일 만들기 프로세스를 시작할 때 HTML 변환기에 이미지를 사용하는 것이 가장 좋습니다.

지원되는 파일 형식은 무엇입니까?

HTML으로 변환된 이미지는 JPEG(.jpg, .jpeg) 및 PNG(.png) 이미지 형식을 지원합니다.

변환 프로세스는 얼마나 걸립니까?

이미지 디자인의 복잡성과 크기에 따라 변환에는 최대 5분이 걸릴 수 있습니다. AI 처리는 백그라운드에서 수행되므로 다른 작업을 탐색하고 작업할 수 있습니다. 화면을 열어 둘 필요가 없습니다. 전환이 완료되면 파일이 검토 및 편집할 수 있도록 자동으로 초안으로 저장됩니다.

생성된 템플릿을 편집할 수 있습니까?

예! 생성된 HTML 템플릿이 이메일 Designer에서 열리고 전체 편집 기능이 제공됩니다. 텍스트, 이미지, 스타일, 레이아웃 및 구조를 포함하여 템플릿의 모든 측면을 수정할 수 있습니다.

전환이 내 디자인과 정확히 일치하지 않으면 어떻게 됩니까?

AI는 사용자의 디자인을 정확하게 해석하기 위해 최선을 다하지만, 일부 수동 개선이 필요할 수 있습니다. 이메일 Designer을 사용하여 미세 조정이 필요한 요소를 조정합니다.

랜딩 페이지 또는 기타 콘텐츠 유형에 이 기능을 사용할 수 있습니까?

HTML에 대한 이미지 변환기는 현재 이메일 템플릿을 위해 특별히 설계되었습니다. 기타 콘텐츠 유형의 경우 이메일 Designer에서 사용할 수 있는 표준 디자인 및 가져오기 옵션을 사용합니다.

여러 이메일 캠페인에서 변환된 템플릿을 재사용할 수 있습니까?

예! HTML 변환기에 대한 이미지를 사용하여 만든 템플릿은 전자 메일 템플릿 라이브러리에 자동으로 저장됩니다. 앞으로 모든 이메일에서 액세스하고 재사용할 수 있습니다.

recommendation-more-help

94ec3174-1d6c-4f51-822d-5424bedeecac