阿中哥的部落格

以小博大，湯然也可以

今天阿中哥想對自家網頁來點不一樣的微調，我希望在頁底 Footer 區塊內的文字廣告，加上一點意義相近的示意圖來裝飾，儘量讓這個區塊看起來不會全部都是文字冷冰冰的，然後，增加圖示也請儘量不要增加太多的傳輸負擔，這樣有沒有辦法做到呢？

答案是：YES，湯然可以。

一剛開始我是去 iconduck 網站輸入關鍵字搜尋 email，結果跑出了一堆示意圖 icon，點選其中之一 email.svg 下載回來，準備塞進去，這才發現我這個區塊是一個 H2 的標籤，不適合放圖片，只好另外想辦法。

緊接著，剛好腦海瞬間聯想到 Unicode，就跑去 unicode-table.com  一樣也是搜尋 email，結果也跑出了一堆字元圖示，我找了其中之一  貼上去後瀏覽結果，ㄟ，看起來還不賴，剛剛好。

接著在好奇心驅使下，快手快腳地把兩個檔案拿來比一比，這才發現驚人數字，兩者竟然相差一百倍，哇喔！

下次，如果你也有類似需求，建議優先考慮 Unicode 吧。

Unicode 快速複製步驟

好，那該怎麼做呢？

開啟 unicode-table.com 網站，輸入關鍵字 email 按下搜尋，點選 email 圖示，進去後就會有一堆 email unicode 任君挑選，喜歡的就按下頁面上的【Copy】紅色按鈕，然後回到你的網頁編輯器貼上，就這麼簡單。

原文出處
阿中小站>好用工作流程>【實用教學】善用 Unicode 讓你的網頁傳送速度加快一百倍
https://eagle.aii.tw/lurid_sofia/gold/lilongwe/monrovia

(具備 RWD 精美排版，可用手機平板電腦都能正常觀看)