svg

使用 Google Docs 服務的人，應該都知道他可以在線上直接開啟像是 Excel、PowerPoint、PDF 及 Word 等文件格式，不用額外來安裝檢視器，現在 Google 新增了 12 種一樣可在線上直接開啟的檔案格式，包含像是 Excel 圖表、新版 PowerPoint 文件，甚至連 Adobe 繪圖軟體的 AI 及 PSD 圖檔格式，另外還有常見的 SVG、EPS、TTF…等格式都可以使用 Google Docs Viewer 直接做線上開啟而毋需安裝任何開啟程式，相當方便。

想要快速遮蔽圖片中所有人臉，可以來 imgtools.co 這個網站使用其 Hide faces in your pictures 這個免費功能，使用者僅需上傳圖片就可以交由系統自動化識別圖片中所有人臉並將人臉遮蔽，而遮蔽的的效果除了常見的馬賽克與模糊化之外，還有 Emoji、各式面具、愛心等遮蔽樣式可選， Hide faces in your pictures 不但支援 GIF、PNG、JPG、SVG、WEBP、TIFF、TIF、PSD 等圖檔格式，更棒的是還不需要註冊帳號就可支援圖片批次處理。

瀏覽器內的書籤或我的最愛及分頁開啟後的最左側均有網站所提供的 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 向量圖型下載，讓應用更為全面。

不管是視窗程式設計或是寫網頁，總免不了要使用 Icon 圖示來美化介面，想取得這些 Icon 除了可以自己製作外，當然也有很多網站均有提供風格一致且成套的 Icon 可供下載。Iconmonstr 同樣是提供 Icon 圖示(PNG、SVG 圖檔格式)免費下載的網站，並提供自己上色(單一顏色)的服務，讓下載後便可應用，相當方便。

「圖示」的功能就是能代替文字，又能讓人一看就知道所代表的含意，iconmonstr 這個網站將其站上的圖示進行 Animal、Basic、Business、Concepts、Education & Science、Fashion...等主題分類，並提供所有用戶不論是個人或商用皆可以免費下載使用，也無須特別標註出處，且每一個圖示皆有 SVG、EPS、PSD 與 PNG 圖檔格式可選擇，其中 PNG 圖檔格式還可以讓用戶在線上進行尺寸、顏色與背景填色的編輯後，再將圖檔下載回來使用，有需要圖示的朋友，千萬不要錯過。

通篇文字的宣傳品或網頁，往往給人的感覺是枯燥的、乏味的，如果能夠適時地利用圖示來取代滿篇文字，應該會是比較好的設計，就像電話號碼，放一個打電話的圖示，會比用電話兩個字來的有吸引力，圖示，可以自己做，也有別人設計好的下載就可以用，Eva Icons 這個網站提供近 500個免費且可商用的圖示，並有縮放、抖動、翻轉等動畫效果可預覽，每個圖示均有外框線條的 Outline 或者填滿色彩的 Fill 的兩種不同樣式，且有 PNG、SVG 兩種圖檔格式可供選擇，每個圖示可單獨下載，亦可直接整組打包下載。

微軟的 Internet Explorer 9.0 網路瀏覽器正式版推出，提供了 GPU 硬體加速機制，全新的 JavaScript 引擎，也全面改善軟體運作效能，讓 IE 9.0 在瀏覽網頁時，擁有高流暢度與網頁的展示速度，不但軟體啟動速度更快，操作介面也改得更簡潔、好操作，且在網址列除了原本可以打網址、開網頁之外，還可以直接當搜尋引擎使用；在安全性的加強方面也加入反制隱私權洩密的「追蹤保護」、「ActiveX 篩選」與更完善的附加元件管理功能…等；IE9 支持最新的 HTML5、CSS3、SVG 和 DOM L2&L3...等；不過這麼多、這麼好的功能只能應用在 Windows 2008 Server、Vista 或 Windows 7 的作業系統上，似乎可惜了些。

「圖示」就是要用簡單的圖案就能讓人明白所代表的意思，IFN 這個網站提供網路/電腦、商業環境、學習、電器、家居用品、車輛、運動、大自然、食物/飲料、行為、 對話/情緒、箭頭、動物...等等各種類別的圖示，每個圖示均有提供 SVG、EPS 及 PNG 三種檔案格式，使用者可視需求自行選擇下載的圖檔格式，圖示無版權限制，不論是用在網頁、文宣、宣傳品均可，但不可以做為商標或出售。

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

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

製作網頁如果預期會有較長時間的等待，通常會在等待的時間加入一個 loading 的動畫圖示來告知，避免用戶誤以為網頁沒有反應而離開，想要加入一個等待載入的動態圖示，可以來試試 loading.io 網站所提供可自訂圖示動態速度與顏色的動畫圖示產生器，不但可產生 GIF 檔外，還可產生出 CSS 或 SVG 檔，還提供範例語法，讓你輕易地運用到網頁裡。