已更新 2026年8月27日
如何修復無法上傳或顯示不正確的 3D 標誌
大多數問題可分為三類:檔案上傳時被拒絕、檔案上傳成功但沒有顯示任何內容,或標誌渲染後顯示不正常。請在下方尋找症狀並套用解決方案。這份清單中的每個拒絕訊息都來自特定檢查,因此訊息會明確告訴你哪裡出錯。

為什麼我的上傳會被拒絕?#
在渲染任何內容之前,會檢查每個上傳檔案的類型、大小和安全性。每項檢查都有其對應訊息。
| 你看到什麼 | 原因 | 解決方案 |
|---|---|---|
| 該檔案不是 PNG、JPEG、GIF、WebP 或 SVG 圖像("That is not a PNG, JPEG, GIF, WebP, or SVG image") | 檔案不是編輯器可以讀取的圖片,或者傳送的是顯示標誌的頁面連結,而不是檔案本身。 | 傳送圖片檔案。如果你複製了 URL,請先開啟並另存實際的圖片。 |
| SVG 檔案必須小於 1 MB("SVG files must be under 1 MB") | SVG 超過 1 MB 上限,通常是因為嵌入了位圖圖片或包含數千個自動向量化的點。 | 打開它並刪除嵌入圖片及隱藏圖層,或重新匯出僅有標誌的版本。 |
| 圖片檔案必須小於 8 MB("Image files must be under 8 MB") | 位圖檔案超過 8 MB 上限。 | 將其重新導出為 PNG,長邊大約 1000 到 2000 像素。商標從來不需要像照片那樣大的檔案。 |
| SVG 包含一個腳本元素("The SVG contains a script element") | 該檔案包含可執行或遠端內容。相同的檢查也會拒絕 foreignObject、XML 實體、行內事件處理器、javascript: URL、iframe、object、embed、meta、link、外部 href 值以及遠端的 @import 或 url() 樣式。 | 導出簡單的 SVG,只包含路徑。在 Inkscape 中使用「另存為 SVG 平面檔」;在 Illustrator 中以「演示屬性」樣式導出。 |
| SVG 參考外部資源("The SVG references an external resource") | 該標記指向一個位於其他地方的檔案或字型,因此對其他人來說無法以相同方式呈現。 | 將參照內容嵌入或轉換為輪廓,然後重新匯出,確保沒有任何鏈結。 |
| SVG 的 XML 結構無效 | 該檔案不是良好格式的 XML,通常是因為手動編輯或者在傳輸時被截斷。 | 從設計工具重新匯出,而不是手動修復它。 |
| 未找到 SVG 的根元素 | 該檔案的副檔名為 .svg,但它不是 SVG。 | 檢查它到底是什麼。通常是一個重新命名的 PDF 或 EPS。 |
| 設計過於複雜("The artwork is too complex") | 標記超過約 50 個路徑,而超過此數目網格可能會使瀏覽器掛起。 | 合併重疊的形狀,刪除隱藏的圖層,並移除在多個路徑中擴展的效果。五個路徑或更少是最佳的,多達 20 個也表現良好。 |
為什麼上傳檔案後什麼都不會顯示?#
檔案通過了所有檢查,所以問題是編輯器所在的位置沒有可擠壓的形狀。
| 症狀 | 原因 | 解決方案 |
|---|---|---|
| 上傳 SVG 後畫布為空 | SVG 包含的是實時文本而不是路徑。文本沒有可擠壓的路徑。 | 在導出前將文本轉為路徑:在 Illustrator 中選擇 文本 > 建立輪廓,在 Figma 中選擇 Flatten(合併),在 Inkscape 中選擇 路徑 > 對象到路徑。 |
| 標記顯示得很小或未置中 | 工作區比標誌大得多,或者 viewBox 與設計不匹配。 | 將工作區裁切到適合標誌的大小,然後重新導出。 |
| 只看到標誌的一部分 | 有些形狀超出了 viewBox,或者被剪裁蒙版隱藏。 | 取消剪裁蒙版,選擇整個設計,並將工作區調整到選擇範圍。 |
| 上傳 PNG 後什麼都沒有 | 圖像幾乎都是單一色調,所以向量化找不到任何可跟隨的邊界。 | 提高對比度。在黑色上放一個清晰的標誌,或者在白色上放一個深色標誌,然後重新上傳。 |
為什麼我的 3D 標誌看起來很糟?#
這些是形狀和材質的問題,不是文件問題,每個問題都有唯一的控制方式可以解決。
| 症狀 | 原因 | 解決方案 |
|---|---|---|
| 向量化輪廓出現不規則或波浪形 | 原始圖像有柔和邊緣,加上抗鋸齒或低對比,因此向量化工具對其進行了近似處理。 | 將設計重新導出為實心標誌,置於單色背景上,解析度約 1000 像素或更高,且不要使用平行陰影。 |
| 字母的空洞被填充 | 字母的內眼被導出為單獨重疊的形狀,而不是作為單一複合路徑。 | 在導出前,選擇外形及其空洞,創建複合路徑。 |
| 標誌後方有第二個淡淡的輪廓 | 原始圖像的平行陰影或外發光被向量化為獨立形狀。 | 在上傳設計前,移除陰影和外發光。 |
| 標誌看起來很平,沒有立體感 | 深度太低,或者沒有能捕捉光線的斜面。 | 提高深度並添加小斜面。沿著斜面的亮線會被讀作邊緣。 |
| 鉻或金看起來灰暗、黯淡 | 環境沒有給材質任何可反射的東西。 | 更換環境。金屬表面會顯示周圍的物體,所以光滑的場景會產生光滑的金屬效果。 |
| 標誌在淺色背景下消失 | 材質是為暗場景照明設定的,這在鉻和玻璃材質中很常見。 | 同時更換環境和背景,然後在明暗背景下檢查輸出,之後再發佈。 |
| 在手機上動作會卡頓 | 網格很重,因為原始輪廓有很多路徑。 | 將設計簡化為較少的路徑。在舊設備上流暢運行的舒適範圍是少於20條路徑。 |
| 匯出的 PNG 有你不想要的背景 | 背景被設置為某個顏色,而不是透明。 | 將背景設置為透明並匯出 PNG,它是這裡唯一具有 alpha 通道的固定圖像格式。 |
問題
- 為什麼我的 SVG 無法上傳?
- 它被四項檢查中的一項拒絕:檔案大於 1 MB、不是良構 XML、包含可執行或從外部引用的內容,如腳本或遠端字體,或路徑超過約 50 條。訊息會說明是哪一項。匯出一個簡單的 SVG,只包含路徑,能解決大多數情況。
- 為什麼我上傳的標誌顯示為白色?
- 通常原因是 SVG 中的文字仍然是可編輯文字,從未轉換為輪廓,所以文件有效,但沒有可以擠壓的形狀。將文字轉換為輪廓後重新導出。第二個原因是設計超出了 viewBox。
- 為什麼我的向量化 PNG 顯得粗糙?
- 向量化會沿著明暗邊界進行,因此柔和、低對比度或小尺寸的圖像會產生不精確的邊緣。請將設計重新導出為高對比度的實心標誌,置於單色背景上,尺寸約 1000 像素或更大,且無陰影。
- 為什麼我的文字間隙被填滿了?
- 字母的眼睛是分離的重疊形狀,而不是單一的複合路徑,因此拉伸視為實體。導出前,選擇外形及其空洞一起創建複合路徑。
- 為什麼我的標誌會卡頓或緩慢?
- 路徑的數量決定了網格的大小。五條路徑或更少是最佳的,最多20條表現良好,21到50條在舊手機上可能會慢。通過合併重疊的形狀和刪除隱藏圖層來簡化設計。