關於「SVG 轉 PDF」
SVG 檔用形狀和路徑來描述圖稿,所以存成 SVG 的 Logo 放在網站上,不管放多大都很清晰。但離開瀏覽器就沒那麼好用了:電子郵件 App 很少能預覽 SVG,辦公室的印表機不知道該怎麼處理它,收到檔案的人甚至可能只看到一堆程式碼。轉成 PDF 之後,就是一份在哪裡都能開啟、都能列印的頁面。
實際的處理過程是這樣的:你的瀏覽器會像顯示網頁一樣繪製這個 SVG,再把結果擷取成像素,長邊最多 4,000 像素。這張圖會放在白色頁面上,以 JPEG 格式存進 PDF。因此 PDF 裡裝的是圖形的「圖片」,而不是向量路徑本身。在一般觀看和列印的尺寸下看起來很銳利,但不能無限放大、不能當成形狀來編輯,也不能用在需要真正向量的場合。
所以這個工具很適合日常分享:給客戶確認的 Logo、講義上的圖表、印出來貼在教室或公告欄的插圖。至於印刷廠和製作流程的工作,它就不是正確的選擇,下方表格會詳細說明。
如何使用「SVG 轉 PDF」
- 加入 SVG 檔案把 .svg 檔案拖到頁面上,或從裝置中選取。可以只轉換一張圖,也可以一次批次轉換最多 500 個檔案。
- 選擇尺寸與品質想要最清晰的頁面,就把「最大尺寸」設為 4096 px,保留完整的 4,000 像素繪製結果,並把「JPG 品質」調到 100,讓邊緣更乾淨。
- 選擇頁面並轉換「符合相片大小」會讓每一頁採用圖形本身的長寬比例;A4 和 Letter 則會把圖形置中,四周留半英吋(約 12.7 公釐)的邊界。轉換後儲存 PDF 即可。
常見使用情境
把 Logo 寄給對方確認
客戶或主管想看新 Logo,卻打不開 SVG 附件。一頁的 PDF 能在任何裝置上以合適的大小呈現設計,等確認之後再把真正的 SVG 檔寄過去。
列印辦公室配置圖或組織圖
匯出成 SVG 的圖表,轉成 PDF 後就能清楚地印在 A4 或 Letter 紙上;比較寬的圖會自動改用橫向頁面,不會被縮小塞進直式的紙張裡。
著色畫和教室用圖
著色畫和學習單的插圖,有時會以 SVG 檔提供下載。轉成 PDF 後,家裡或學校的任何一台印表機都能以整頁大小印出來。
是點陣,不是向量:實際上代表什麼
| 用途 | 這份 PDF 適用嗎? |
|---|---|
| 在螢幕上檢視、用電子郵件寄送、附在表單上 | 適用 |
| 在家裡或辦公室列印 A4 或 Letter 紙 | 適用;在一般閱讀距離下,邊緣看起來很銳利 |
| 放大成海報或布條尺寸 | 會開始看得到像素;請改從原始檔匯出向量 PDF |
| 割字機、雷射雕刻機等依照路徑作業的機器 | 不適用;它們需要向量外框 |
| 要求向量圖稿或特別色的商業印刷 | 不適用 |
| 之後還要編輯形狀或文字 | 不適用;PDF 裡只是一張平面圖片 |
如果一定要保留向量,請從製作這個 SVG 的設計軟體直接匯出 PDF。在瀏覽器分頁中開啟 SVG,然後在列印對話框中選擇「另存為 PDF」,通常也能把形狀保留成向量,只是這樣比較難控制頁面尺寸和邊界。
轉換前要先確認的事
- 背景。透明區域會變成白色。原本要放在深色背景上的淺色圖稿,請先替它加上一個背景形狀。
- 字型。SVG 裡的文字會用你裝置上現有的字型來繪製。如果設計用到你沒有安裝的字型,可能會出現替代字型;在繪圖軟體中先把文字轉成外框就能避免。
- 外部連結的檔案。如果 SVG 會載入外部圖片或樣式表,轉出來時可能缺少這些內容,因為瀏覽器會限制「當作圖片使用的 SVG」能載入哪些東西。內嵌在 SVG 裡的內容則不受影響。MDN 有說明這些限制。
- 檔案大小。PDF 會比只有幾 KB 的 SVG 大得多,因為它現在存的是數百萬個像素,而不是一小串形狀描述。
中繼資料與隱私
SVG 程式碼裡的標題、描述和編輯器資料都不會被複製過去;PDF 的文件屬性只包含文件標題、建立日期,以及產生它的工具名稱。你的圖稿由你自己的瀏覽器繪製,完全不會上傳,你可以用瀏覽器的開發人員工具自行確認。