網設必知－Illustrator轉存網頁SVG向量檔，圖像放大縮小不失真

　　在網頁中常用的影像格式不是gif就是jpg或png檔，而無論那一種格式都是點陣影像，因此若一個網站中，有多個影像尺寸時，就得儲存多個影像尺寸，但最近網頁出現一個新寵兒就是SVG檔，而什麼是SVG檔呢?簡單的來說就是向量檔，而該格式是由W3C所制定的開放性的網路標準之一，且SVG並不是一個圖像檔，而是用XML的方式來標記圖像，因此無論怎麼縮放，都不用怕影像會失真，但怎麼產生SVG檔呢?其實方法很簡單，只要需利用Illustrator繪製好向量檔，就可另存成SVG檔，至於怎麼用呢?現在就一塊來看看吧!!

---

ai轉SVG：

---

Step1
當繪製好向量檔後，選擇 檔案/另存新檔。

---

Step2
接著檔案格式選擇SVG。

---

Step3
描述檔的部分，選擇SVG1.1。

---

Step4
當儲存完畢後，可看到影像縮圖，接著按滑鼠右鍵，選擇文字編輯器，將它開啟。

---

Step5
可看到裡面一堆密密碼碼的數字，這些數字就是記錄圖檔的座標與位置。

---

Step6
接下來立馬來實用看看，分別設定影像的尺寸大小。

---

Step7
傑克~真是太神了，無論怎麼變更尺寸大小，影像都不失真。

---

[範例預覽]