向量圖

適當的運用插圖或圖示，常能為版面帶來加分的效果，Ira Design 是一個免費網站，其提供 開源和可自定義的插圖，使用者可以根據自己的需求自訂插圖內的人物或物品顏色，以人物來說，可以自訂衣服、褲子及頭髮的顏色，完成後的插圖，可以下載成 PNG 或 SVG 向量圖檔，而要使用這些插圖，也無任何限制，個人或商業用途皆可，該網站無須註冊，即可以下載單一或整個插圖，相當方便。

Vectormaker 網站所提供的 Web 應用程序其使用方式很簡單，只需上傳 PNG 或 JPG 圖檔並選擇配色方案後就可以來轉換，不過經過實測，顏色較為單一轉出的圖檔效果會較好，若圖檔顏色中有漸層、色彩豐富，不論選擇何種配色方案，效果都不佳，較適合圖示標誌的轉換。

對沒有圖檔編輯經驗的用戶來說，就算買了套 Adobe Photoshop 或是下載網路上免費的圖檔編輯軟體來應用，也還是需要耐心的學習，才有可能做出像樣的作品。如果只是要對圖片進行簡單的後製或是簡單的繪圖，建議你可以到 Mara 這個網站，舉凡圖檔的大小調整、剪裁、旋轉、畫板、相框、取色、色調、明亮度、文字、向量圖形編輯....等，高達 50 種以上的功能，免註冊就供你免費使用。

要建立 SVG 這種可縮放的向量圖形，除了要有繪圖的技能外，還要有可匯出 SVG 檔案圖形工具，看似門檻很高，但如果只是要建立簡單的線條圖形，可以來 minimator 這個 SVG 繪圖免費服務試試，該服務提供一個帶有格點的繪圖板，使用者可利用它來繪製精確的垂直、水平、對角線與曲線，整個的繪製過程 minimator 會幫你記錄下來，使用者隨時可以查看，繪製完的圖形，可以直接儲存成 SVG 圖形檔案，方便使用者後續的應用，且該服務免註冊，隨時上線隨時可用。

有提供表情符號的網站服務不少，有些屬於 Unicode，複製後就可以應用在網頁或文書編輯器上，而有些則是以圖片的形式提供，Sensa Emoji 這個網站則是提供 PNG 及 SVG 兩種圖片格式，而且一次下載就可以取得近 400個上述兩種圖片格式的表情符號，方便使用者後續應用。

可縮放向量圖形（Scalable Vector Graphics，SVG）是用 XML 來描述二維向量圖形的圖形格式，因此，要看到 SVG圖檔所呈現的圖形，我們可以使用 Edge 或是 Chrome 來瀏覽，如果需要對 SVG 圖形轉檔，也可以來 Iconscout 這個網站，其提供 SVG 轉出成 PNG 、PDF 或 JPG 檔案格式，使用者僅需上傳 SVG 檔案，就可以交由 Iconscout 處理，完成後就可下載，操作簡單且全程無須註冊。

SVG 向量圖檔以 XML格式儲存，而 SVGOMG 這個免費網站可讓我們上傳 SVG 圖檔後，根據自身需求勾選要刪除 XML 內與圖檔本身無關的項目，像是 XML instructions、comments、metadata...以利減少檔案大小，而該網站除了可預覽最佳化後的 SVG 圖檔，亦會計算最佳化後的檔案大小，讓使用者參考。

做網頁、文宣品，如果需要放上企業品牌的 LOGO 圖示，像是 Google 旗下的 YouTube、Google Pay、Photos、Map...等眾多服務的代表圖示或是 Facebook、line、twitter社群網站的分享按鈕圖示時，通常都可以直接到官方網站下載圖示圖檔，然後根據所要的尺寸進行放大或縮小，方法雖可行，卻受限非向量圖檔的因素，品質很難統一。WorldVectorLogo 這個網站提供全球各大知名品牌的 SVG 向量圖示檔，不論對尺寸是要放大還是縮小，都能維持清晰度與一致性，大幅縮短網頁或文宣品的製做工時。

文宣品或網頁的設計上，常會以圖示來代替文字，而這個圖示通常會讓人一看就懂，例如以一個電話來代替連絡電話這四個字，想要取得這些讓人一看就懂的圖示，網路上有很多免費的資源可以應用 ICONFinder.com 也是其中的一個線上網站，其提供的圖標並非全然都是百分百的免費，但免費的圖標卻也有不少，且每個圖示都提供 PNG 與 SVG 的圖檔格式供用戶下載，如果需要加以編輯，也不用傷腦筋找編輯軟體，ICONFinder 可以直接將選中的圖示轉到線上編輯工具，讓用戶編輯好之後再下載。

對從事美工設計的工作人員來說，圖庫總是不可或缺的好幫手，想要取得這些圖片素材，當然可以花錢購買，亦可自行設計，當然，亦可透過網路來搜尋適用的圖片素材，只不過需要注意版權問題，避免觸法。想取得免費圖片素材應用，可以來 Openclipart 這個有提供數萬圖片的圖庫網站，且全部美工圖案均提供「 SVG 向量圖檔」與「 PNG 圖檔」，不但可用於商業用途上，亦可修改圖檔。

點陣圖形是由點構成的，而向量圖形則是由一些形狀元素所構成，因此在放大後，點陣圖形的點就會越明顯，看起來就像打了馬賽克，但放大向量圖看到的仍然是形狀，因此能夠無級縮放，而不會導致圖形失真，在現在螢幕尺寸多元的情況下，如果要在網頁、應用程式中使用背景圖，使用 SVG 的圖檔格式，將會是個不錯的解決方案，BGJar 這個線上的應用程式準備了一些 SVG 模板，供使用者可自行調整模板的長寬、顏色、漸層的比例與方向，在完成調整後，不但可下載圖檔外亦提供原始代碼、數據 URI 及 CSS 供用戶來取用。

Icon Maker 提供各式各樣的符號讓使用者自行選擇，選擇後的圖示會被放到預設的背景圖中央，並使用 Icon Maker 提供的工具對圖示標誌進行顏色及大小進行變更，預設的背景圖也可以編輯其顏色、圓角弧度、邊框等，完成編輯後可導出成 512 X 512 的 PNG 圖檔。