這個頁面的程式碼沒跑起來。 直接從資料夾裡開啟 index.html，瀏覽器會攔下 JavaScript 模組，於是你選好 SVG 之後，頁面不會有任何反應。改用 http 把這個資料夾提供出去：
powershell -ExecutionPolicy Bypass -File serve.ps1 然後開啟 http://localhost:8080/。
2 說清楚要多大 這是向量圖唯一替你答不了的問題。SVG 裡沒有畫素，只有畫圖的指令，你說多大它就照著畫多大。下面這個數字不是一道你在往上頂的天花板，照片才是那樣。從一個 24 畫素的圖示出發畫到 4000 畫素，跟 24 畫素時一樣銳利。
尺寸怎麼定 按檔案自己宣告尺寸的倍數 寬度，按畫素 高度，按畫素 最長的那條邊 一個框，兩邊都給
放大倍數
1× 2× 4× 8× 16×
列表上每個檔案都從自己的尺寸出發去乘，所以一批原本大小不一的圖示，彼此之間的比例關係不會亂。
寬度
256 512 1024 2048
高度按圖形本身的比例跟著走。
順便出高解析度螢幕的那幾份 不用，一張圖一個檔案 加一份 @2x，給 Retina 屏 @2x 和 @3x 都要，手機要的那一整套
4 先看一眼，再儲存 預覽由寫檔案的同一段程式碼、拿你選的那個檔案、在這臺機器上畫出來。值得盯的是一張圖變成畫素時會變的那兩件事：只有半個畫素寬的髮絲線發灰了，還有文字，它用的是這臺機器上有的字型，不是從網上取來的那個。
加一個 SVG，它就出現在這裡。
產生圖片
{name}：這個工具只讀 SVG 檔案。PNG 或 JPEG 本來就是畫素，那種要用圖片縮放。 {name}：這個檔案裡沒有 <svg> 元素。 這個檔案裡沒有 <svg> 元素。 {name}：{why} 這個瀏覽器畫不出這個 SVG。它可能不是合法的 XML。 這個瀏覽器不肯在那個尺寸下寫 {format}。 → {size} → 太大了：{why} 加一個 SVG，這裡就會寫出它會出多大。 檔案把自己畫成 {fromWidth} × {fromHeight}；這次出來是 {width} × {height}，是它的 {times}。 形狀被拉開填滿框子，所以圖會變形。 它居中放在框子裡，兩邊露出背景。 @{d}x 下 {width} × {height} 另外還有 {list}。 {width} × {height} 超過了畫布單邊 {max} 畫素的上限。除了一張空圖什麼都回不來。 {size} 超過了瀏覽器裝得下的量——什麼都還沒編碼，光畫布就有 {mb} MB。得換個小一點的尺寸。 {size} 超過了 Safari 在 iPhone 或 iPad 上 {ceiling} 兆畫素的上限。在電腦上沒問題；在手機上可能回來一張空圖。 {n} 兆畫素 無損，也是三種裡唯一每個軟體都能讀的。平塗的顏色和硬邊——圖形基本就是這些——在它裡面壓得好，所以柵格化的標誌本來就通常是 PNG 比 JPEG 小。 不能透明，而且它那種損失恰好在這類圖上最難看：每條硬邊周圍一圈麻點。如果圖形主要是照片一樣的漸變還值得，別的時候很少。 像 PNG 一樣能透明，同樣畫質下比另外兩種都小。現在的瀏覽器都能讀；老軟體和有些印刷店還是打不開。 這個瀏覽器寫不了 WebP，出來的會是 PNG。請從另外兩種裡挑一個。 圖形裡透明的地方仍然透明。 鋪在整張圖後面，所以檔案裡沒有透明的地方。 {format} 沒有透明，所以這個顏色會鋪在圖形後面。沒有它，原本透明的地方都會變成黑色。 按它將來的尺寸顯示。 按 {size} 那個檔案的 {times} 顯示，是從向量重畫的而不是縮小的——所以那個尺寸看起來就是這樣。 棋盤格的地方就是檔案裡將來透明的地方。 {a}{b} {a} 和 {b} {a} · {b} {a}，{b} {n} B {n} KB {n} MB 產生圖片 產生 {count} 張圖片 已選 1 個檔案 已選 {count} 個檔案 正在繪製 1 張圖片… 正在繪製 {count} 張圖片… 正在繪製 {name}… 完成。 {name}，{size}，{bytes}。 從 {drawings} 張圖形寫出 {count} 張圖片，共 {bytes}。 {size} — 檔案自己要求的尺寸 {size} — 一邊來自檔案，另一邊來自它的 viewBox {size} — 沒有畫素尺寸，取自 viewBox {size}（推定）——這個檔案既沒寫尺寸也沒寫 viewBox 在預覽裡顯示這一個 把 {name} 移出列表 來自 {name}，它把自己畫成 {size} — 是它的 {times}。 來自 {name}，它把自己畫成 {size} — 是它的 {times}，也是上面那個檔案的 @{density}x。 下載 WebP — 這個瀏覽器寫不了 你的檔案沒有去任何地方。載入了 {total} 個檔案，全都是本站自己的。{platform} 有東西聯絡了 {hosts}，而這個工具從不這麼做。值得去查一查。{platform} 本站自己用於廣告、統計和捐贈按鈕的指令碼來自 {hosts} 個主機，它們誰也沒拿到檔案，或檔案裡的一個位元組。 本站自己用於廣告、統計和捐贈按鈕的指令碼來自 {hosts} 個主機，它們誰也沒拿到檔案，或檔案裡的一個位元組。