向量圖

SVGViewer 是一個很實用的線上 SVG 檢視器，使用者可以直接上傳 SVG 圖檔或是貼上 SVG 的 XML 描述文字，便可以查看該 SVG 圖像，除此之外，SVGViewer 還可以對圖像進行方向旋轉、調整尺寸、最佳化及美化，有效減少 SVG 圖檔大小，另外，亦可轉檔為 PNG 圖片格式，或是轉換成 React、React Native 使用的 JSX 格式，非常方便。如果想要分享 SVG 檔案，也有提供產生分享鏈結功能。

Picsvg 是一個 SVG 線上轉換器，使用方式很簡單，使用者只需要將圖檔上傳（jpg、gif、png） ，就可以透過參數選擇轉出不同風格的 SVG 檔案，並可以變更顏色，完成後直接可下載運用。使用 Picsvg 不但免註冊，成品亦不會有浮水印，但有上傳檔案最大4 Mb 的限制。

ManyPixels 收錄範圍根據各種常見的分類進行了整理，這些分類包括科技、網頁設計、財務或企業、分析、運動、職業、人物和活動、地理、城市、科學、環境、美食、健康和季節等，而這些插圖，均可以由使用者自訂插圖的主色調，直接在線上預覽效果，完成後點選要下載的格式即可。不僅如此，ManyPixels 還有 Outline、Monochromatic、Isometric、Flatline 和 Two Color 等插圖風格可選。

LogoFast 是一個免費的線上工具，專為快速製作圖示圖標而設計。使用者可以輕鬆選擇 LogoFast 內建的1000多個圖示範本，並進行各種編輯，包括圖示的尺寸、角度、顏色、線條的粗細、陰影、背景與框線等。這使得使用者能夠迅速建立專屬自己的獨特圖示圖標。完成後，製作的圖案可方便地下載成 PNG 或 SVG 向量圖檔。LogoFast 的操作簡單易上手，即便是對圖片編輯技巧不熟悉的使用者，也能輕鬆快速地建立符合個人需求的圖示圖標。這使得 LogoFast 成為一個理想的工具，提供了快速且方便的方式，讓使用者在沒有專業技能的情況下，創造出具有個性的圖示圖標。

圖片如果是縮小處理，一般比較不會有失真的情況發生，但如果是要放大，通常非向量圖片，則容易出現鋸齒狀的失真情況，如何放大又讓失真情況減少到最低，可以來試試 A Sharper Scaling 這套免安裝又免費的應用程式，該軟體除提供自身最佳成像效果，如果不滿意，另還提供其他四種不同的演算法讓用戶自行選擇比較，支援 JPG、PNG、TIFF 三種圖片格式，如果只留下解析度較小的圖片又想要放大圖片，可以試試。

圖片的格式相當多，但整體來說分成點陣圖與向量圖兩大類，我們常用的 BMP、JPG 等格式都是屬於點陣圖形，而 SWF、CDR 或 AI 等格式的圖形則屬於向量圖形，當圖形被放大後便能有感的體會出這兩類最大的差異，ACONVERT 是個免費的線上圖檔格式轉換工具，可將 PNG 轉 JPG、JPG 轉 PNG、HEIC 轉 JPG、WEBP 轉 JPG、DDS 轉 PNG、PNG 轉 SVG ...等，該服務操作簡單，只需上傳圖片，選好要轉換的檔案格式，便能開始轉換與下載。

要將圖片放大，如果圖片是屬於非向量圖形，通常就會出現鋸齒狀，因此，大家看到的幾乎都是縮小圖片的應用程式或網路服務，鮮少有放大的，而 AI Image Enlarger 是利用人工智慧的演算來放大低解析度圖片的一個免費且免註冊網路服務，其可將圖片放大 2倍或 4倍，支援 JPG、JPEG 與 PNG 格式的圖檔，至於放大後的效果如？各位可以自行試試。

「Vectorizer.AI」這個免費的線上服務，可以將已是 JPEG 或 PNG的圖片檔案，輕鬆轉換成 SVG 向量圖，操作方式也很簡單，無須註冊，僅需將要轉 SVG 的 JPEG 或 PNG 圖片上傳到「Vectorizer.AI」網站，就會立即轉換，轉換完成後，還可以與原圖立即比較進行比較，而下載時也有很多選項，除了可以將圖檔儲存成 SVG 格式外，另外，還有 EPS、PDF、DXF 及 PNG 可以選擇。

SVG( Scalable Vector Graphics )可縮放向量圖形，Custom Shape Dividers 這個免費網站，根據所支援的矩形類型，將其製作成只要透過幾個簡單的參數調整，就可產生不同的向量圖形產生器，並提供可以隨裝置不同的解析度而自動調整大小的 HTML 及 CSS 語法，讓用戶可以非常方便的應用到網頁上。

瀏覽器內的書籤或我的最愛及分頁開啟後的最左側均有網站所提供的 Logo，其功能除了可增加網站之見的識別度外，當然也可增加瀏覽者對網站的印象，而該 Logo 是在網頁內使用<link> 標籤來加載，早期因瀏覽器對 Favicon Icon 的支援程度不同，大都使用 ICO 及 PNG 圖檔格式，而近來主流的瀏覽器對 svg 圖檔格式的支援漸一致， Favicon Icon 使用 svg 的向量圖檔更有其便利性，SVG Favicon Maker 是一個可以線上製作 Favicon Icon 的免費 Web 工具，使用者可以透過所提供的工具來選擇外框形狀、背景色、字形及所要使用的文字或 Emoji 圖案，完成後，可以下載成 PNG 圖檔或直接使用其 svg+xml 的 HTML 語法，直接在網頁內使用。

圖示的表達會比文字描述更乾淨俐落，就像 line 會將一些輸入的詞語轉成圖示來表示一樣，而在網頁中如果要使用圖示表達像是鈴鐺、電子郵件或是分享按鈕，傳統的做法可以使用圖片，也可以使用 SVG 向量圖檔，然而最簡便的方式還是使用圖示字型。
Google、Font Awesome 均有提供可免費運用到網頁內的圖示字型，而 IcoFont 也是如此的應用，其提供超過 2100個圖示，透過 CSS 的引用，使用者就可以使用 Markup、Hex 或是 HTML Entity 語法來成呈現圖示，另外，每個圖示亦提供 SVG 向量圖型下載，讓應用更為全面。

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