1. 從目標需求開始
在轉換之前,請檢查接收圖片的網站、文件、電子郵件系統或設計應用程式所需的像素尺寸。本工具使用所選的倍數縮放 SVG 的算繪尺寸,不提供自訂寬度和高度欄位。如果某個平台要求寬度為 1200 像素,請將該目標與 SVG 顯示的寬度進行比較,並選擇一個接近的倍數,以免產生不必要的大檔案。
2. 理解縮放係數
選項包括 1x、2x、3x、4x 和 8x。倍數同時影響寬度和高度:以 2x 算繪的 200 × 100 原始影像將變為 400 × 200 像素。像素數量隨倍數的平方增長,因此 8x 產生的像素是 1x 的 64 倍。更大的輸出會佔用更多記憶體,如果原始圖形或目標顯示器不需要,它可能不會看起來更好。
3. 為顯示器選擇合適的係數
對於標準介面圖形,1x 或 2x 通常是實用的起點;當目標佈局將影像縮小顯示時,2x 有助於高密度顯示器。僅當設計需要額外的像素尺寸時才選擇 3x 或 4x。謹慎使用 8x,因為非常大的畫布可能需要較長的算繪時間或超出瀏覽器限制。
4. 決定背景是否應透明
當 PNG 必須放置在彩色頁面、簡報或其他影像上方時,請選擇「透明」。當目標期望白色矩形或者純色背景使圖形更容易檢查時,請選擇「白色」。PNG 支援透明度,但目標應用程式可能會在棋盤格上方顯示透明像素,或者在插入影像時將其扁平化。
5. 匯出前準備 SVG
在向量編輯器中開啟來源檔案,檢查它是否具有合理的 viewBox 並且在該 viewBox 內包含可見圖形。如果設計必須在缺少這些字體的裝置上看起來完全相同,請轉換或內嵌字體。保持連結影像和外部資源可用;此瀏覽器轉換器可能無法算繪 SVG 檔案中的遠端字體、連結影像、手稿或其他外部相依性。
6. 轉換並檢查預覽
選擇一個 SVG 檔案,選擇縮放比例和背景,然後進行轉換。檢查整個圖形是否可見、文字和細線是否清晰可讀、預覽是否具有預期的背景。如果結果被裁剪,請檢查原始檔案中的 SVG viewBox 和尺寸。轉換器一次處理一個檔案,並為該檔案提供 PNG 下載。
7. 檢查像素和檔案大小
在預期環境中使用 PNG,並以其最終實際顯示的尺寸進行檢查。大像素尺寸並不能自動改善螢幕上的小圖示。如果 PNG 太大,請返回 SVG 並以較低的係數重新匯出。如果它看起來模糊,請確認目標在轉換後沒有放大較小的光柵影像。
8. 保留可編輯的來源檔案
將原始 SVG 與 PNG 一起儲存。SVG 保留了向量路徑,通常更適合後續編輯、重新上色和調整大小。對於需要光柵影像的目標,PNG 是一種方便的固定尺寸副本。保留兩者使您能夠建立不同尺寸的其他 PNG,而無需重複縮放已經光柵化的影像。