AI News HubLIVE
站內改寫1 分鐘閱讀

鵜鶘拉小提琴:如何用AI建立SVG

本文介紹了一種利用AI生成SVG圖示的方法:先讓AI生成類似SVG風格的PNG影像,再使用專用工具(如vectorizer.ai)將其轉換為SVG。作者強調使用Codex作為主要工具,並採用兩階段流程——最佳化提示詞和生成影像——來獲得風格一致的圖示集。

來源Hacker News AI作者: furstenheim

SVG格式因其輕量、可縮放、易於編輯等特性,在AI生成內容中極具優勢。然而,AI直接生成的SVG往往存線上條混亂、風格不統一、難以編輯等問題。本文提出了一種實用的替代方案:先借助AI生成看起來像SVG風格的PNG影像,再透過專業向量化工具將其轉換為真正的SVG檔案。

作者Gabriel Furstenheim詳細描述了這一過程。整個過程分為兩個主要步驟。第一步是建立“柵格化SVG”——即看起來像SVG的PNG影像。關鍵在於禁止AI直接生成SVG程式碼,而是要求它生成具有SVG視覺風格的柵格影像。作者推薦使用Codex(而非Claude Code)來完成此任務,因為Codex在處理影像生成提示方面表現更優。更重要的是,作者將任務拆分為兩個AI代理:一個主代理負責評估影像質量和一致性,並不斷最佳化生成提示;另一個子代理則根據最佳化後的提示實際生成影像。這種分工協作的方式類似於“迴圈(looping)”,但在Codex中無需額外配置即可實現。作者使用的提示模板要求生成“乾淨、類似SVG的圖示風格”,並指定了統一的圓形邊框等樣式元素。最終目標是生成一系列動物與樂器組合的圖示,例如水獺拉小提琴。

第二步是將這些PNG影像向量化。雖然市面上有多種PNG轉SVG工具,但作者經過實驗發現,vectorizer.ai的效果顯著優於其他工具。作者將同一張影像透過三個不同工具轉換,結果差異巨大。他強調向量化是一個極其複雜的問題,而vectorizer.ai的創始人擁有斯坦福大學的相關博士學位,這解釋了其卓越效能。

透過這種方法,作者成功生成了多組風格高度一致的SVG圖示,例如鵜鶘拉小提琴。這些圖示可以直接編輯和縮放,非常適合在應用程式中作為UI元素使用。該方法巧妙避開了AI直接生成SVG的缺陷,同時充分利用了AI在影像生成方面的強大能力,為需要大量一致性圖示的開發者和設計師提供了一個高效、可靠的解決方案。整個流程簡單易行,只需兩步驟即可獲得專業級SVG資產。