Img2html

핵심 작업이다. 이미지를 주면 HTML과 CSS를 돌려받는다. 변환기는 이미지에서 텍스트, 블록, 이미지, 전체 구조를 읽어 마크업으로 다시 짓는다. 스크린샷이 들어가고 코드가 나온다. 스크린샷, 목업, 디자인 내보내기를 처리하며, 코드가 필요할 때 사람이 실제로 손에 쥐고 있는 것의 대부분을 아우른다. 먼저 이미지-HTML 변환기이고, 그다음이 AI HTML 생성기다.

Img2html은 네 이미지를 미리 만들어진 템플릿 묶음과 대조하지 않는다. 사이트는 레이아웃이 이미지 안의 내용에서 생성되지, 라이브러리에서 골라지지 않는다고 분명히 밝힌다. 이것이 변환기와 테마 선택기의 차이이며, 이상하거나 맞춤형인 레이아웃도 억지로 끼워 맞추는 대신 진짜 시도를 받는 이유다. 목업에서 코드로 가는 결과는 템플릿이 아니라 목업을 따른다.

생성된 코드는 네 이미지를 고정 너비로 복사하는 게 아니라 반응형 결과를 겨냥한다. 픽셀 단위로 완벽한 데스크톱 스크린샷은 휴대폰에서 쓸모가 없으니 이 점이 중요하다. 브레이크포인트는 여전히 직접 확인하고 싶겠지만, 뷰포트가 바뀔 때 바닥부터 다시 짜야 하는 것이 아니라 적응하도록 만들어진 것에서 출발한다. 그래도 확인하자.

모든 것이 브라우저에서 돈다. 설치할 것도, 추가할 확장도, 연결할 빌드 단계도 없다. 사이트를 열고 이미지를 올리면 코드가 나온다. 가끔 쓰는 입장에서는 이 낮은 마찰이 바로 핵심이다. 설치 없음. 설정 없음.

Img2html은 크레딧 시스템으로 돌아가며, 쓰지 않은 크레딧은 달이 넘어갈 때 초기화되지 않고 이월된다. 작업량이 몰아치는 식이라면 마감 전에 남은 크레딧을 태울 필요가 없다. 사이트는 또 변환 품질이 모든 요금제에서 같다고 밝힌다. 더 내는 돈은 더 좋은 모델이 아니라 양을 사는 것이다. 몰아서 일하는 사람에게는 반가운 소식이다.

요금은 단순한 등급으로 나뉘고 모든 등급에서 변환 품질이 같다. 차이는 얻는 변환 횟수에 있지, 잠긴 기능에 있지 않다. 그래서 구매 결정은 대부분 양의 문제가 되고, 기능 목록을 저울질하는 것보다 판단하기 쉽다. 그게 전부다.

이 도구는 시각적 레이아웃을 구조화된 코드로 바꾸도록 조정됐다. 범용 이미지 AI보다 좁고, 그만큼 유용하다. 이미지를 설명하려 하지도, 편집하려 하지도 않는다. 정리 한 번을 거쳐 실제로 낼 수 있는 div, 스타일, 구조를 주려 한다. 픽셀 단위로 완벽한 복제품인가? 아니다. 네가 끝내는 초안이다. 쓰고, 고치고, 낸다. 그게 작업 흐름이다.