레이어를 잃어버린 디자인도 다시 구조를 얻습니다
클라이언트가 보내온 것은 최종 JPG뿐이고 원본 파일은 없습니다. 이럴 때 img2htm은 보이는 결과를 분석해 제목·본문·이미지·표의 관계를 다시 세웁니다. 원본 소스를 복구하는 것이 아니라 시각적으로 충실하고 의미 구조를 갖춘 웹 표현을 새로 만드는 것입니다.
디자인 시스템과 함께
출력 CSS는 i2h- 접두사의 클래스로 정리되어 기존 디자인 토큰으로 교체하기 쉽습니다. 분리된 이미지 에셋은 개별 PNG로 제공됩니다.
Figma·Photoshop 워크플로
통합 디렉터리의 Figma·Photoshop 항목에서 캔버스에서 바로 변환하는 방법을 확인하세요.
주요 이점
- 시맨틱 HTML 초안 자동 생성
- 분리된 이미지·아이콘 에셋
- 접두사 클래스로 정리된 CSS
- 반응형 재배치 기본 적용
- Figma·Photoshop에서 바로 변환
- 원본 파일 없이도 작업 가능
주요 이점
시맨틱 HTML 초안 자동 생성
분리된 이미지·아이콘 에셋
접두사 클래스로 정리된 CSS
반응형 재배치 기본 적용
Figma·Photoshop에서 바로 변환
원본 파일 없이도 작업 가능
~30s표준 페이지당 처리
PNG개별 에셋 출력
CSS토큰 교체 가능
작동 방식
이미지 업로드
JPG·PNG·WebP 통이미지를 업로드하세요. 최대 25 MB, 세로 15,000 px당 1 크레딧.
AI 분리·재구성
제목·본문·가격·표·목록의 계층을 이해하고 실제 텍스트로 복원합니다.
HTML 검증·게시
PC·태블릿·모바일에서 자연스럽게 재배치되는 시맨틱 HTML·CSS를 생성합니다.