# IMG2HTML vs Open Lovable IMG2HTML 每月有 32,471 次造訪，月增率 +52.6%，定價模式為免費試用、付費。Open Lovable 每月有 11,305 次造訪，成長率 +0.2%，定價模式為免費。 | 指標 | [IMG2HTML](https://openaitools.app/tw/tool/img2html) | [Open Lovable](https://openaitools.app/tw/tool/open-lovable) | | :--- | :--- | :--- | | 網站網址 | https://www.img2html.com | https://open-lovable.com | | 分類 | AI 程式碼生成器, AI 網站建置工具, AI 設計生成器 | AI 網站建置工具, AI 程式碼生成器, AI 開發者工具, AI 網頁擷取 | | 定價模式 | 免費試用、付費 | 免費 | | 每月造訪次數 | 32,471 | 11,305 | | 月成長率 | +52.6% | +0.2% | | 主要市場 | 美國 | 印度 | | 直接造訪 | 12,887 | 3,892 | | 評論分數 | 4 | 4.6 | | 收藏數 | 3 | 1 | | 支援平台 | 網站 | 網站 | ## IMG2HTML IMG2HTML 解決的是前端工作裡最惱人的中間環節：從一張平面圖片變成真正可編輯的標記程式碼。你不必照著設計稿手打 div，而是把線上頁面截圖、Figma 匯出檔、App 原型稿，甚至手繪草圖的照片直接丟進去。模型會推斷版面結構、文案、配色與圖示佔位，回傳一份以 Tailwind CSS 寫成的完整 HTML 檔，而不是靜態圖片或粗略線框圖。 第一版產出之後，內建編輯器才是價值所在。你可以用自然語言提出修改（例如「把頁首固定住」、「縮小主視覺的內距」），也可以直接編輯標記與樣式，再把同一份文件匯出為純 HTML、行內 CSS，或 React、Vue、Angular 元件。如果你只需要文字、不需要版面，站內還有一個免費的純文字 OCR 擷取工具。 商業模式以點數計費，1 點等於 1 次圖片轉換。付費方案從每月 1.99 美元 3 點的試用方案，到每月 500 點不等；Starter 以上方案解鎖 API 存取與 Chrome 擴充功能。對開發者、設計師與需要快速做原型的人來說很實用，不過購買大額點數包之前，建議先看清楚不提供退費的條款。 **價格與方案:** 以點數計費，有低價入門方案與月付／年付訂閱：試用方案 3 點每月 1.99 美元（立即扣款）、Starter 每月 9.99 美元含 40 點、Plus 每月 29.99 美元含 200 點、Advanced 每月 59.99 美元含 500 點；年付有折扣。Starter 以上方案包含 5 點的 3 天免費試用，並附 API 存取與 Chrome 擴充功能。1 點等於 1 張圖片轉換。 - **圖片轉 HTML:** 上傳 PNG、JPG、WebP、GIF 或 BMP 格式的截圖、設計稿或設計匯出檔，即可取得一份使用 Tailwind CSS 的可編輯 HTML 檔。 - **多種匯出格式:** 不必重新生成設計，即可在純 HTML、行內 CSS、React、Vue 或 Angular 之間切換輸出格式。 - **提示詞 AI 編輯器:** 用自然語言提出版面與樣式調整，或於匯出前直接在編輯器裡手動修改程式碼。 - **Chrome 擴充功能:** 擷取線上網頁的任何區塊並直接送入轉換器，不必先手動存截圖。 - **開發者 API 與免費 OCR:** Starter 以上方案包含 API 存取；免費的文字 OCR 擷取器可只取出圖片中的文字，不重建版面。 **優勢:** 轉換速度快，通常每張圖 10 到 30 秒; 輸出可編輯，支援匯出至 React、Vue 與 Angular; 可在編輯器內用提示詞迭代，不必完全重新生成; 付費方案提供 Chrome 擴充功能與 API **限制:** 註冊不贈送免費點數，1.99 美元試用方案會立即扣款; 點數購買有嚴格的不退款政策; 照片與 Logo 會以文字佔位符回傳，需要手動替換 [Profile (Markdown)](https://openaitools.app/tw/tool/img2html.md) ## Open Lovable Open Lovable 是一款免費、開源的開發者工具，可將任意網站變成可運行的 React/Next.js 應用。它由 Mendable AI 打造，作為付費網站建置工具的替代方案，將網頁抓取與大型語言模型結合：抓取目標站點的 HTML、CSS 和佈局，讓 AI 模型分析結構，然後把介面重新生成為乾淨、現代的元件，並使用 Tailwind CSS 樣式。 輸出是生產就緒的 TypeScript 與現代 React hooks 程式碼，完全歸你所有。由於採用 MIT 授權，你可以 fork 專案、替換不同的 AI 模型（專案支援 Claude、GPT、Groq 和 Google Gemini）、修改提示詞，或擴展到其他框架。生成的程式碼在隔離的 E2B Sandbox 中執行，確保測試運行安全。 專案本身可免費使用、修改和分發。你只需為它所依賴的第三方服務付費——用於程式碼執行的 E2B Sandbox、用於抓取的 Firecrawl，以及 AI 模型 API——其中大多數都提供免費額度。開發者複製倉庫並設定少量 API 金鑰即可在本機運行。 **價格與方案:** 免費且採用 MIT 授權的開源專案，無訂閱、無用量限制。你只需為接入的第三方服務付費，例如 E2B Sandbox、Firecrawl 和 AI 模型 API，其中許多都提供免費額度或試用額度。 - **AI 驅動的網站複製:** 貼上任意網站 URL，工具會抓取其 HTML、CSS 和佈局，並在數秒內重新生成為現代 React 元件。 - **乾淨的 React 和 TypeScript 輸出:** 輸出為生產就緒的 React/Next.js 程式碼，包含現代 hooks、TypeScript 和 Tailwind CSS 樣式，可直接部署或擴展。 - **安全的沙箱執行:** 在隔離的 E2B Sandbox 環境中執行生成的程式碼，讓實驗保持安全與受控。 - **互動式 AI 對話優化:** 以對話方式優化結果——讓 AI 對話調整樣式、佈局或功能，無需手動改程式碼。 - **100% 開源可自託管:** MIT 授權、社群驅動：可 fork、替換 AI 模型、修改提示詞或自託管，無訂閱或用量限制。 **優勢:** 完全免費，採用 MIT 授權，無訂閱; 生成乾淨的 React/Next.js 和 TypeScript 程式碼，完全歸你所有; 支援多種 AI 模型，包括 Claude、GPT、Groq 和 Gemini; 可自託管、可 fork，無用量限制 **限制:** 需要自行提供 E2B、Firecrawl 和 AI 模型的 API 金鑰; 更適合熟悉 Node.js 和設定環境變數的開發者; 生成的程式碼通常仍需人工審查和調整 [Profile (Markdown)](https://openaitools.app/tw/tool/open-lovable.md) ## 常見問題 ### IMG2HTML 與 Open Lovable 的每月流量相比如何？ IMG2HTML 每月有 32,471 次造訪，而 Open Lovable 有 11,305。流量估算反映受眾規模，並非產品品質。 ### 兩者的成長率相比如何？ IMG2HTML 的月增率為 +52.6%；Open Lovable 為 +0.2%。 ### 價格相比如何？ IMG2HTML：免費試用、付費。以點數計費，有低價入門方案與月付／年付訂閱：試用方案 3 點每月 1.99 美元（立即扣款）、Starter 每月 9.99 美元含 40 點、Plus 每月 29.99 美元含 200 點、Advanced 每月 59.99 美元含 500 點；年付有折扣。Starter 以上方案包含 5 點的 3 天免費試用，並附 API 存取與 Chrome 擴充功能。1 點等於 1 張圖片轉換。 Open Lovable：免費。免費且採用 MIT 授權的開源專案，無訂閱、無用量限制。你只需為接入的第三方服務付費，例如 E2B Sandbox、Firecrawl 和 AI 模型 API，其中許多都提供免費額度或試用額度。 ## 替代方案 | # | 工具名稱 | 每月造訪次數 | 月成長率 | 定價模式 | Summary | Profile (Markdown) | | :--- | :--- | :--- | :--- | :--- | :--- | :--- | | 1 | [Lovable](https://openaitools.app/tw/tool/lovable) | 31,052,090 | +3.8% | 免費增值 | 用對話描述想法，Lovable 把它變成可執行的網站或應用 | [.md](https://openaitools.app/tw/tool/lovable.md) | | 2 | [v0 by Vercel](https://openaitools.app/tw/tool/v0-dev-by-vercel-labs) | 2,774,275 | -14.3% | 免費增值 | 用一句提示詞生成可執行的全端網頁應用，幾秒內發布 | [.md](https://openaitools.app/tw/tool/v0-dev-by-vercel-labs.md) | | 3 | [Builder.io](https://openaitools.app/tw/tool/builder-io) | 608,182 | +3.6% | Freemium, Subscription, Contact for Pricing | 讓團隊與 AI 代理一起交付符合品牌的產品體驗 | [.md](https://openaitools.app/tw/tool/builder-io.md) | | 4 | [Readdy](https://openaitools.app/tw/tool/readdy) | 425,313 | -13.2% | 免費增值 | Readdy is an AI website builder that generates complete, production-ready websites from plain-language prompts, uploaded screenshots, Figma frames, or a reference URL. It adds hosting, a built-in backend, forms, SEO tool | [.md](https://openaitools.app/tw/tool/readdy.md) | | 5 | [Codia AI](https://openaitools.app/tw/tool/codia-ai) | 398,220 | -2.8% | 免費增值、需聯絡報價 | 把截圖、PDF 與簡報還原成可編輯設計與程式碼 | [.md](https://openaitools.app/tw/tool/codia-ai.md) | | 6 | [Anima](https://openaitools.app/tw/tool/anima) | 283,307 | -5.8% | 免費增值 | 懂設計的 AI 代理，把 Figma 檔案、網址與提示詞變成可用應用 | [.md](https://openaitools.app/tw/tool/anima.md) | | 7 | [TeleportHQ](https://openaitools.app/tw/tool/teleporthq) | 133,021 | +9.9% | 免費增值 | 兼具 AI 輔助與免費程式碼匯出的低程式碼網站生成器 | [.md](https://openaitools.app/tw/tool/teleporthq.md) | | 8 | [CodeDesign.ai](https://openaitools.app/tw/tool/codedesign-ai) | 126,602 | -27.1% | 免費增值、付費 | 可託管、可同步、可匯出的代理式 AI 建站工具 | [.md](https://openaitools.app/tw/tool/codedesign-ai.md) | | 9 | [Locofy.ai](https://openaitools.app/tw/tool/locofy-ai) | 31,137 | -38.8% | 付費、需聯絡報價 | 把 Figma 設計變成可上線的前端程式碼 | [.md](https://openaitools.app/tw/tool/locofy-ai.md) | | 10 | [Windframe](https://openaitools.app/tw/tool/windframe) | 23,909 | -24.8% | 付費 | Windframe is an AI-powered visual builder for Tailwind CSS that lets you design pages visually and export production-ready code for React, Vue, Svelte, Angular, or plain HTML. | [.md](https://openaitools.app/tw/tool/windframe.md) | --- 來源：https://openaitools.app/tw/compare/img2html-vs-open-lovable More Markdown: [分類](https://openaitools.app/tw/categories.md) · [流量排名](https://openaitools.app/tw/rankings.md) · [llms.txt](https://openaitools.app/tw/llms.txt)