图片转 HTML 和 CSS 转换
将上传的截图或设计图像转换为 HTML 和 CSS 代码，目标是从单张图片生成响应式输出。
什么是 IMG2HTML？
IMG2HTML 是一款 AI 图片转代码服务，可将截图及其他图片转换为 HTML 和 CSS。该网站将其定位为一种将设计图像转换为响应式前端代码的方式，并支持输出面向 React、Vue 和 Angular，以及标准 HTML 和 CSS。
该产品可通过网站、Chrome 扩展和开发者 API 使用。其定价采用基于积分的模式，网站说明 1 次图片转 HTML 转换等于 1 个积分，且在订阅保持有效期间，未使用的积分可结转。
IMG2HTML 能做什么？
框架导出选项
将生成的输出导出为 ReactJS、VueJS、AngularJS 以及定价页面中列出的其他受支持技术栈。
AI HTML 编辑器
使用内置的 AI HTML 编辑器，在支持的套餐中可无限访问，以便在转换后优化生成的代码。
Chrome 扩展
使用 Chrome 扩展在任意网站上工作，并在浏览器中从图片创建前端输出。
开发者 API
通过电子邮件、API 密钥和文件上传调用开发者 API，将转换自动化到你自己的工具或工作流中。
文本识别和图片生成功能支持
使用产品的 OCR 式文本识别功能从图片中提取文字，并在支持的情况下每个积分最多生成五张图片。
使用场景
“将截图转换为前端代码”
上传截图或设计稿，生成响应式 HTML/CSS 起点，而不是从零开始编写布局。
“创建基于框架的组件”
当团队需要一个便于框架实现的起点时，可将生成结果导出到 React、Vue 或 Angular。
“处理实时网站内容”
浏览时使用 Chrome 扩展，直接在浏览器中复现或调整页面布局。
“自动化转换工作流”
将 API 集成到内部工具或自动化脚本中，无需每次都使用网页界面即可转换图片。
“审查并编辑生成的输出”
使用编辑器和文本识别功能，在初次转换后优化复制的文本并调整生成的代码。
常见问题
我如何试用 IMG2HTML？
你可以先在网站上上传图片，或者试用演示/示例页面查看转换流程。该网站的定价页面也宣传提供 3 天免费试用。
积分有效期有多长？
定价页面说明，只要你保持订阅状态，未使用的积分就会结转。
使用 API 需要什么？
API 文档说明，请求需要你注册的电子邮件、API 密钥，以及作为表单数据发送的图片文件。
积分系统如何运作？
网站说明积分按 1 张图片转 HTML = 1 个积分的方式使用，且定价页面注明图片生成功能在支持情况下每个积分最多可生成 5 张图片。
我可以更改或停止订阅吗？
定价页面说明你可以随时降级、升级或取消，并且该服务提供无风险服务保证。
快速信息
- 类别
- AI 图片转代码转换器
- 平台
- Web 应用、Chrome 扩展、API
- 主要输出
- HTML 和 CSS 代码
- 支持的框架
- ReactJS、VueJS、AngularJS 及其他
- 定价模式
- 基于积分的订阅，含 3 天免费试用
- 来源域名
- img2html.com
IMG2HTML 流量分析
流量数据仅供参考。
- 域名评分
- 12
IMG2HTML 替代品
Adam
adam.new
Adam 是 CAD 协作助手，可通过 Slack 和电子邮件简化硬件工作流。
Impeccable
impeccable.style
面向 AI 编程工具的设计技能，支持结构化设置、命令式编辑和浏览器实时迭代等前端工作流。
Knapsack
knapsack.cloud
Knapsack 是连接设计、代码与文档的企业团队数字化生产平台。
Quilter
quilter.ai
物理驱动的 AI，自动化 PCB 布局与设计审查
Ludo.ai
ludo.ai
用于游戏研究、设计和前期制作的 AI 平台
Projekt
getprojekt.com
Projekt 是面向设计工程师的可视化工作空间，融合 AI 编码代理、实时预览和行内编辑。现已在 macOS 上开放 alpha，提供免费下载和限量创始人版本。