Designs that lost their layers get their structure back
The client sent only the final JPG and nobody has the source file. img2htm analyzes the visible result and rebuilds the relationships between headings, body copy, images and tables. It does not recover the original source; it creates a visually faithful, semantically structured web representation.
Works with your design system
Output CSS is organized with i2h- prefixed classes so you can map it to your own tokens. Separated image assets are delivered as individual PNGs.
Figma and Photoshop workflows
See the Figma and Photoshop entries in the integrations directory to convert straight from your canvas.
主要優勢
- Semantic HTML drafts generated automatically
- Separated image and icon assets
- CSS organized with prefixed classes
- Responsive reflow by default
- Convert straight from Figma or Photoshop
- Works without the original file
主要優勢
Semantic HTML drafts generated automatically
Separated image and icon assets
CSS organized with prefixed classes
Responsive reflow by default
Convert straight from Figma or Photoshop
Works without the original file
運作方式
上傳圖片
上傳 JPG、PNG 或 WebP，最大 25 MB。每 15,000 垂直像素消耗 1 點。
AI 分離與重建
理解標題、內文、價格、表格與清單的階層，並還原為真實文字。
HTML 驗證並發佈
產生在桌機、平板與手機上自然重排的語意化 HTML 與 CSS。
相關功能
Smart Editor
Fix the reconstructed result right in the browser. Click a sentence to edit it, swap an im…
For Individuals
No need to ask the designer again. Upload one flattened image and get a web page you can e…
For Marketing
Turn campaign visuals into testable HTML. Swap copy, localize and get indexed in one pass.
For Developers
One API call returns HTML, CSS, separated images, structured JSON and a quality report.