Icons

在網頁中如果要用圖示，例如電話、郵件或是箭頭，以往的做法就是要有該圖示的圖片檔，將其放在指定的位置，但隨著螢幕大小多元化，固定尺寸的圖示圖片檔，缺點盡顯，除了佔用流量外，亦無法滿足螢幕大小的變化，因此將圖示如同網頁字形般的運用，是目前圖示應用在網頁的做法。不論是 Unicode、Icons - Google Fonts 、Font Awesome 都有提供適合在網頁中使用的字形化圖示集，CSS.GG 這個網站同樣提供免費的字形化圖示集，使用者可以自訂顏色、尺寸，再透過其所提供的 HTML，CSS、SVG 或是 TSX 語法就能應用到網頁上。

不論是 windows、web、Android、iOS 的開發，甚至是平面設計，總是免不了 ICON 圖示的應用，既然稱為圖示，當然就不是要使用者去猜，而是必須設計成一看就知道要做什麼。想要有一致的圖示風格又能符合 ICON 的設計準則，網路上有很多免費下載 ICON 圖示的網站，而現在 Google Design 中的 Material icons 網站，則是提供 Action、Alert、AV、Communication、Content、Device、Editor、File、Hardware、Image、Maps、Navigation、Notification、Social、Toggle 等多種類型的 ICON，且每個圖示均提供 18dp、24dp、36dp、48dp 尺寸與 PNG、SVG 兩種圖檔格式，供你免費下載應用。

Google+ 正火紅，許許多多的相關應用不斷出現，若需要在網頁裡使用 Google+ ICON ，可以參考 webdesignfan.com 的 14 Gorgeous Google+ Icons 這篇文章，裡面介紹了 14個精美的 Google+ 圖示，且絕大部分都附有 PSD 原始檔，方便你後續應用。

Icon 圖示若能使用的當，通常勝過文字的描述，若要取得可以免費使用的 Icon 圖示時，可以透過 FindIcons.com 這個免費 Icon 圖示搜尋引擎來取得。

常見的免費圖示大都是以平面為主，而 3DIcons 這個網站則是提供 Open Source 的立體圖示，每個圖示均有四種顏色，並提供 Figma、PNG、Blender 及 FBX 圖檔格式由使用者自行選擇下載，下載時，也無須一個圖示一個圖示的下載，該網站非常慷慨也不囉說，一次 1500多個圖示就讓你全部下載回去使用。

圖示字型有方便快速使用的優點，但也因為是字形所以有色彩表現單一的缺點，要使用圖示字型，我們有 Google Icon Font、Taiwan Icon Font、Icon Font 或是 Font Awesome 可以選擇，而 Line Awesome 這個圖示字型則是由 ICON8 提供，約有 1380 個可應用，其將圖示以 Accessibility、Alert、Animals、Arrows、Audio & Video、Automotive、Brand Icons...等分類顯示，方便使用者查找，而網頁常用的 LINE、Telegram、Facebook...等分享圖示也均有提供，如果在其他圖示字型提供者找不到的圖示，都可以來這裡試試。

通常 EXE，DLL，OCX 等檔案，都會附加代表該檔案的圖示，想要提取這些精美的圖示，作為後續的應用，可以使用 Icons from File 這套免費應用程式，該應用程式，可搜尋整個資料夾(包含子資料夾)內可提取圖示的檔案，並將其整批儲存成 ICO、BMP、JPG、GIF.....等常見的圖片格式。

應用程式中的圖示都相當精美，若是想取出來修改，可利用 Icons from File 這套免費軟體，取出後，可將圖示轉成 PNG、GIF、JPG、BMP、EMF 等圖片格式或是產生 HTML 語法，讓你更快速的應用。

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

即便是要去除背景單純的圖片，在以前都免不了要透過圖片編輯軟體去描出主角輪廓或是塗塗抹抹一番後，在細細修圖，說實在的還真是件不容易的事情，而如今，透過人工智慧的技術，圖片去除背景的操作步驟卻只剩上傳圖片與下載已去除背景圖片的操作步驟，網路上有很多類似這樣的服務，效果也不一，效果不好的不想用，效果好的沒多久就開始有限制，而 AI Background Remover 這個線上圖片去背景的免費服務，是由 ICONS8 提供，未註冊的使用者有三張圖片的限額，而只須透過電子郵件註冊後即可解除該限制，至於細部的處理效果好不好，我們可以從該網站還特別提供滑鼠指標放大功能，就可以窺知 ICONS8 對其圖片去背景的技術相當有信心，完全不怕使用者的檢視。

AI Face Swapper 是 Icons8 推出以人工智慧所製作的人物圖片換臉服務，主要是將圖片中的人臉以合成的方式替換成使用者想要替換的臉孔，看似複雜的過程，在機器學習技術的助攻下，使用者的操作步驟也只剩下上傳與下載兩個操作步驟，其他的都由網站自行處理，至於換臉後的效果如何？使用者可以自行體會，下載的成品會有 Icons8的浮水印，沒有註冊的用戶有 3張圖片的限制。

要將圖片縮小，不論是線上或是應用程式都有很多免費且縮小後也能維持品質的選擇，但要將圖片放大，又能增加解析度的選擇就不多了，Smart upscaler 是 ICON8 旗下的一個免費服務，這個網站利用人工智慧的技術可將原圖片以 2倍、4倍的放大，最大可到 3000 x 3000 像素，放大後，還做出放大前後的比較圖，讓用戶可輕鬆的對比其效果，該網站支援 JPG與 PNG 圖片格式，檔案大小限定 5MB 以內。