Text To Svg 線上工具實測,把文字直接變成可編輯的向量路徑

Text To Svg 是免費網頁工具,把輸入的文字直接變成可編輯的 SVG 路徑,也能匯出 DXF 給雷切與 CNC 使用,全程在瀏覽器完成。實測輸入過程文字沒有外送,但頁面本身載入 Google 廣告與分析腳本,而且中文字型只有簡體標準的 Noto Sans SC 可用,本文整理實測結果、匯出細節與商用授權該注意的邊界。

用 AI 摘要這篇文章:

在瀏覽器打開 Text To Svg,輸入「科技月球」四個字,右邊的深色預覽區立刻畫出這四個字的輪廓,下方同時給你一份可以整段複製的 SVG 原始碼。不用註冊帳號、不用安裝軟體、不用花錢,從打開網頁到拿到檔案大約一分鐘。它是那種「解決一件小事」的工具:把一段文字變成向量路徑,讓這段字之後在設計軟體、網頁或雷切機台上都不再依賴字型環境。

不過動手之前,有兩件事值得先知道。我在輸入文字的過程中盯著瀏覽器的網路請求紀錄看完全程,輸入的字確實沒有送到任何伺服器;但這個「本地處理」只到轉換那一層,頁面本身載入了 Google 廣告與分析腳本,而且字型清單裡唯一能用的中文字型,是簡體中文標準的 Noto Sans SC。這兩條邊界不影響它好用,但會影響你把它用在什麼地方。

從一行字到路徑代碼,中間只隔一次字型下載

先講清楚它輸出的東西。SVG 檔裡要呈現文字有兩種寫法:一種是放一個文字元素,告訴讀取的軟體「請用某字型畫出這幾個字」,對方沒裝那個字型就會換字甚至變豆腐;另一種是把每個筆畫都換算成曲線座標,文字變成形狀,任何軟體打開都長一樣。Text To Svg 給你的是第二種,這也是它對設計與加工流程真正有價值的地方。

轉換全程在你的瀏覽器裡完成。從頁面的原始碼看,它從 Google 的字型伺服器直接抓字型檔,用一套瀏覽器端的字型解析庫(opentype.js 這一類的函式庫)讀出每個字的輪廓座標,再組成路徑。預設字型是拉丁字型 ABeeZee;輸入中文時它會自動換成 Noto Sans SC,並當場下載對應的字型檔。也就是說,你打的字不需要先裝在自己電腦上,字型是臨時從 Google 拿的。

Text To Svg 官方生成器介面截圖,左欄為文字輸入框與字型、字級、字距等參數設定,右側深色預覽區顯示「科技月球」四個字的向量輪廓,下方為可複製的 SVG 路徑原始碼Pin
Text To Svg 生成器:輸入「科技月球」即時生成向量輪廓與可複製的 SVG 路徑代碼(官方網站截圖)

可以調的參數比想像中齊全:字級、行高、字距、追距(tracking)、連字、貝茲曲線精度、要不要把每個字拆成獨立路徑、單位用 px 還是 mm,另外還有填充與描邊顏色、描邊寬度、非縮放描邊,以及「實際尺寸」和「適應畫面」兩種縮放模式。輸出有四種:複製 SVG 原始碼、下載 .svg 檔、下載給 CAD 與雷切軟體用的 .dxf 檔,以及給前端專案直接用的 React JSX 與 TSX 元件。

輸出的結構也看得出經過整理。實際抓下來的程式碼裡,所有筆畫收在同一個路徑元素底下,群組標籤帶著預設的填充規則(nonzero)與 0.5 的描邊寬度,viewBox 會在文字外框外加一圈留邊,貼到網頁裡不會被切到筆畫。官方導覽列上另外掛了三個專門工具頁:文字轉 DXF、雷射切割文字轉 SVG、React SVG 元件,等於把生成器的三種出口各做成一個獨立入口,雷切與 CNC 的使用者可以從專門頁進去,不用在通用介面裡找參數。

我實際下載了一份:輸入「臺灣龜」三個字,拿到一個 11,280 位元組的 .svg 檔,打開就是純路徑資料,單一路徑裡包含所有筆畫的子路徑。輸入「科技月球」四個字,產生的程式碼約 6,950 字元;換成八個字母的「TECHMOON」則約 4,200 字元。中文字的筆畫複雜度直接反映在檔案大小上,但對這個量級的短文字,都不構成負擔。

參數的影響也很直接。把單位從 px 換成 mm,路徑座標會跟著換算,對雷切與 CNC 的尺寸對位很實用;打開分離字元選項,每個字變成獨立路徑,之後在設計軟體裡才能單獨選取、逐字上色。這類輸出拿到 Figma 或 Illustrator 裡就是一般向量物件,可以改色、拉節點;各軟體匯入的呈現仍會有差異,正式使用前照條款建議先在自己的工具裡看一眼。

輸入的文字確實沒有外送,這點經得起檢驗

「文字不上傳」是這類工具最常被問的問題,因為輸入的可能是還沒公開的產品名稱或客戶文案。Text To Svg 的服務條款寫得明白:文字整形與向量生成在你的瀏覽器本地進行,輸入文字與生成結果不會上傳到伺服器;字型檔可能來自 Google 等第三方供應商。條款宣稱是一回事,行為是另一回事,所以我自己驗了一次。

方法很直接:開著網路請求紀錄輸入文字,看轉換期間有沒有任何東西連出去。輸入英文單字時,轉換過程對外請求是零;輸入「科技月球」時,唯一新增的請求是下載 Noto Sans SC 的字型檔,來源是 Google 的字型 CDN,請求內容裡沒有我打的字。兩次結果都與條款宣稱一致:字有沒有外送,與字型檔從哪裡來,是兩件分開的事。

隱私政策把界線講得更細:生成器在瀏覽器處理字型與路徑、無法存取你輸入的文字;但如果你主動用頁面上的回饋表單,填寫內容與選填信箱會送到他們的伺服器與團隊 workspace(Feishu)。換句話說,被動使用時字不出本機,主動回報問題時是你自己把內容交出去。這種把兩種情況分開寫的條款,把該講的界線講清楚了。

文字不上傳之外,頁面本身有廣告與分析的足跡

「本地處理」四個字容易讓人以為整個網站很安靜,實際量測是另一回事。載入 texttosvg.app 的那一刻,頁面總共連了 54 個不同網址:34 個是站內的靜態檔與頁面資源,另外 20 個流向第三方,其中包含 Google AdSense 的廣告指令與廣告請求、GA4 分析(編號 G-1T1TSX14LQ),以及一個叫 TinyAdz / ApiTiny 的廣告服務,後者會回報你所在的頁面網址、來源頁面與時區(我這次測試裡,回報的時區是 Asia/Taipei)。而且在我按下「拒絕非必要 Cookie」之前,廣告請求就已經發出去了。頁面底部的 Cookie 橫幅其實也寫了:網站使用必要 Cookie,並可能使用 Google 廣告與分析 Cookie。

這不算偷偷摸摸,隱私政策第 9 節把第三方清單老實列了出來:自架網域的 Plausible 分析、視設定啟用的 Google Analytics、負責廣告投放與防詐的 TinyAdz / ApiTiny、Google AdSense,以及接收回饋內容的 Feishu。這份清單與我的請求紀錄對得起來:Plausible 的腳本就掛在站內一個獨立路徑下,回饋表單也確實載入了 Google 的 reCAPTCHA 元件。名單完整,但量測結果就是:一邊是你的文字不出本機,另一邊是頁面本身跑著一整套廣告與分析服務。兩層都真實存在,看你介意哪一層。

如果字稿內容敏感,折衷做法並不難。轉換本身不連任何廣告或分析網域,把這些網域擋掉,英文的轉換理論上不受影響,因為預設字型在頁面載入時就已從 Google 字型 CDN 下載完成;要注意的是中文字的字型檔來自 Google 字型 CDN,這條連線要放行,不然中文會生成不出來。廣告收入大概就是這個免費工具的商業模式,條款也明言服務以現狀提供、不附任何擔保,責任上限是零美元。

中文字只有簡體標準可選,繁體字型不在清單上

這一條對以繁體中文做設計的人最關鍵。字型選單連同字體庫頁面共有 18 款字型:Roboto、Open Sans、Montserrat、Inter、Lato、Poppins、Raleway、Noto Sans、Noto Sans JP、Arimo、Roboto Condensed、Playfair Display、Merriweather、Bebas Neue、Oswald、Lobster、Pacifico、Pixelify Sans。清單涵蓋多種風格,每種都選了一款代表。問題在於:日文給了 Noto Sans JP,繁體中文沒有任何對應字型。整個站唯一的中文字型是 Noto Sans SC,也就是簡體中文標準的那個版本。

Text To Svg 官方字體庫頁面截圖,顯示 18 款字型的卡片式清單,包含 Roboto、Open Sans、Montserrat、Inter 與 Noto Sans JP 等,頁面標示正在顯示 18 / 18 款字型Pin
字體庫頁的 18 款字型:有日文的 Noto Sans JP,沒有任何繁體中文字型(官方網站截圖)

輸入中文時它自動切到 Noto Sans SC,這個切換不動聲色:字型欄位直接換名字,同時背景抓一份簡體標準的字型檔下來。繁體字元本身生成沒有問題,「臺灣龜」這三個繁體專用字都成功轉出了路徑,因為 Noto Sans SC 的字元涵蓋包含大部分繁體字。差別在字形標準:同一個字在簡體標準與台灣教育部標準下,部分筆畫的寫法與部件比例不同,Noto Sans SC 給你的是前者。做裝飾字、活動標語、雷切或 CNC 的加工用字,這個差異多半無感;如果是要對外發表的正式品牌字標,或客戶指定要台灣標準字形,這裡產出的輪廓不能直接交件,得回桌面向量軟體套用本地的繁體字型再轉路徑。

介面語言也透露了同樣的定位:整站只有 English、簡體中文、Deutsch 三種語系,沒有繁中介面。工具本身的 zh 版頁面用的也是簡體字。它沒有惡意,就是沒有把台灣市場放進優先名單。

匯出的路徑可以商用,字型授權要自己核對

服務條款對產出的權利講得意外清楚。第 7 條:你對輸入文字與生成檔案保有任何你原本就有的權利,生成的 SVG 與 DXF 可用於個人或商業專案;但站方不授予任何字型授權,字型的權利屬於各自的設計者,多數 Google Fonts 採用 SIL Open Font License,使用前應自行確認該字型的授權條款。這段話的意思是:SVG 檔可以商用,但商用合法性的關鍵在你選的字型,不在這個工具。

條款同時把驗證責任劃給使用者:尺寸、單位與路徑的正確性,要在實際用途裡自己確認,渲染結果也會隨字型與瀏覽器而有差異。這不算推卸,向量輸出進入加工或印刷前本來就該試切試印一次,特別是它提供 mm 單位與非縮放描邊這類與實體尺寸有關的選項,換單位後的實際尺寸只有你能驗。

依 OFL 的常見條款,把文字轉成路徑嵌入作品一般屬於允許的使用方式,但授權細節仍以各字型聲明為準。如果想從源頭就選可商用的開源字型,可以看看我們之前介紹過的 Velvetyne 開源字型庫;如果你的需求其實是把現成的點陣圖 logo 轉成向量,那是另一個任務,Vectorizer.AI 的圖片轉 SVG 比較對口。

條款裡還有一條對重度使用者重要的限制:未經同意不得使用自動化、高頻或濫用性的存取模式。想拿它批次轉換整批字稿的人,先停下來想想別的路。

短文字的零門檻入口,兩種情況建議繞開

整理成一個判斷:它是「短文字轉路徑」這件小事的零門檻入口。適合的場景很具體:做 logo 與字標的草稿、產生不依賴本機字型的網頁或 React 圖形資產、幫雷切與 CNC 準備字的路徑、把標籤文字變成可以統一縮放的向量檔。這些任務的特色是文字短、要的是形狀而非排版,打開網頁就能完成,連註冊都不用。同樣把運算放在瀏覽器裡的還有 玉桃文饗軒 這類文字轉圖工具,以及 三色重疊圖產生器,共同點是你的內容不經過別人的伺服器。

建議繞開的情況就兩種。需要台灣標準繁體字形的正式對外字標,這裡的字型清單給不了,回桌面向量軟體(例如 Inkscape 套用本地繁體字型再轉路徑)才是正解。需要大量批次轉換,條款禁止自動化高頻存取,這條紅線別踩。

免費、文字不外送、免註冊,是它最硬的三張牌。廣告與分析的足跡、簡體標準的中文字型,是使用前該知道的兩條邊界。把這幾件事放在一起看,它是一個把自己定位得很誠實的小工具:條款與隱私政策把能講的都講了,剩下的判斷就交給你。

Sliven 褚崇名
Sliven 褚崇名

每日分享科技新知、免費資源以及 WordPress、虛擬主機相關主題,任何問題歡迎在科技月球下方留言,或是發送 Email 至 [email protected] 與我聯繫。

文章: 895

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *


Share to...