已更新 2026年8月27日
如何將 SVG 轉換為 3D 標誌
一個 SVG 是最佳的起始檔案：3DLogo.io 可直接讀取其路徑，將其擠出到你定義的深度並應用材質，因此完成的 3D 標誌正好保留了你向量檔的輪廓。在編輯器中上傳 SVG，選擇如電鍍、金或玻璃等完成效果，然後導出 PNG、GLB 或一個 MP4 循環。
機構很重要，因為它解釋了品質的差異。SVG 已經將標誌描述為數學曲線。編輯器將這些曲線轉換為網格，並沿深度軸推動，因此邊緣在任何尺寸下都保持清晰，並且可以雕刻出乾淨的斜面。沒有任何猜測。PNG 或 JPEG 必須先描繪以將其轉換為曲線，這只是一種對邊緣位置的估計。
SVG 應包含的內容
| 要求 | 為什麼以及該怎麼做 |
|---|---|
| 描圖，而非文字 | SVG 的活文本沒有可擠出的輪廓。在匯出前請將文本轉換為輪廓（Illustrator: 文字 > 建立輪廓；Figma: 壓平；Inkscape: 路徑 > 物件轉路徑）。如果檔案沒有任何可繪製的形狀，編輯器會提示未找到形狀。 |
| 小於 1 MB | SVG 的上傳限制為 1 MB。標誌幾乎不需要更大；這麼大的檔案通常含有嵌入的光柵圖像或自動向量化照片的數千個描點。 |
| 無嵌入腳本或外部引用 | SVG 在你的瀏覽器中進行分析，因此所有可能執行代碼或請求遠端資源的功能都會被拒絕，而不是被重寫：script、foreignObject、XML 實體、行內事件處理器、javascript: URL、iframe、object、embed、meta、link、外部 href 值以及遠端 @import 或 url() 樣式。導出一個簡單的 SVG，只含路徑。 |
| 大約 50 條路徑或更少 | 路徑數決定網格大小。五條或更少是最佳，最多 20 條也表現良好，21 到 50 條在舊手機上可能會很慢，而超過 50 條編輯器會拒絕檔案，因為網格會阻塞瀏覽器。合併重疊的形狀並刪除隱藏圖層以降低數字。 |
| 一個真實的 viewBox | 商標是根據 viewBox 調整到畫布的。一個導出到 4000 像素或更大而沒有 viewBox 的文件可能會出現奇怪的縮放；在導出之前，先將工作區調整到商標尺寸。 |
如何導出可用的 SVG
- Illustrator：選擇圖像，文字 > 建立輪廓（Type > Create Outlines），然後物件 > 路徑 > 清理（Object > Path > Clean Up）以刪除多餘的點。文件 > 導出 > 導出為 > SVG，使用呈現屬性（Presentation Attributes）風格，並取消勾選適應式（Responsive）以寫入 viewBox。
- Figma：選擇框架，右鍵 > 扁平化（Flatten）如果還有活文字，然後導出 > SVG，關閉“包含 id 屬性”（Include id attribute），啟用“文字建立輪廓”（Outline text）。
- Inkscape：路徑 > 對象轉路徑（Path > Object to Path）於整個選取範圍，然後文件 > 另存為 > SVG 平面（Plain SVG），不要選 Inkscape 的 SVG，因為它會帶有額外的編輯器元數據。
- 在任何工具中：如果標誌有內凹或反形（如“O”或“A”的洞），保持它為複合路徑，以便空洞在擠出時能保持，而不是被填滿。
如何在 3DLogo.io 上製作
- 打開編輯器。不需要帳號即可開始。
- 將 SVG 拖到上傳面板，或使用上傳按鈕。
- 選擇材質預設：鉻、金、玻璃、全息、拉絲金屬或漸層。
- 調整深度和斜角，然後選擇環境和背景。如果標誌會移動，加入運動效果。
- 導出 PNG 用於靜態圖像，GLB 或 glTF 用於保留 3D 模型，OBJ 或 STL 用於桌面工具和印刷，或者導出 MP4 循環。
條件和限制
SVG 上傳後產生的是單色擠出。原始檔案中每條路徑的顏色不會作為分開的材質轉移；整個標記都會採用所選的預設。SVG 的漸層、混合模式、濾鏡和裁剪蒙版將會被忽略，因此請事先將它們合併到形狀中，或者接受平面輪廓。免費導出會帶有小型 3dlogo.io 標記，並且限制圖片為 1024 像素、影片為 480p。
如果文件被拒絕或結果看起來有誤， 故障排除頁面 列出編輯器可以顯示的每個訊息以及每個訊息的修復方法。
問題
- 是否可以將任何 SVG 轉換成 3D 標誌？
- 任何小於 1 MB 的 SVG 檔案，包含可繪製的路徑而非實際文字、沒有腳本或外部參考，並且保持在 50 條路徑左右或以下。這四個條件涵蓋了幾乎所有匯出的標誌。常見的例外是自動向量化成千上萬條路徑的照片。
- 為什麼我的 SVG 上傳了但什麼都沒顯示？
- 常見原因是文字仍然是活文字，從未轉換為輪廓，因此檔案可以正確解析，但沒有任何可擠出（extrude）的形狀。第二個原因是插圖位於 viewBox 外。請將文字轉換為輪廓，裁剪工作區到標誌範圍，然後重新匯出。
- 字母的空隙在 3D 中還是開著的嗎？
- 是的，當反形是組合路徑的一部分，並使用正確的填充規則時，就像任何設計工具預設輸出的方式一樣。如果一個孔被填充，反形會以單獨的重疊形狀匯出；在匯出前選擇兩者並創建組合路徑。
- 對於三維標誌，是 SVG 還是 PNG 更好？
- 是的，當你可以選擇時。SVG 路徑會按精確輪廓擠出，因此邊緣和斜角在任何匯出尺寸下都能保持清晰。PNG 必須先描出路徑，這會近似邊緣並依賴對比度。只有當沒有向量檔案時才使用 PNG。
- 需要付費嗎？
- 不。編輯器、所有材質預設以及將 PNG、GLB、OBJ、STL、USDZ 和 MP4 導出為 480p 是免費的，且不需要帳號。免費導出會帶有小型 3dlogo.io 標誌。Pro 可以去掉標誌，並添加 2K、4K 圖像以及 720p 或 1080p 視頻。
