開發一項新的專案前，可能會先去把相關資源找齊，其中在介面部分一定會碰到的問題是要使用那一套圖示做為主視覺，網路上已經有相當多免費圖示可供下載甚至是商業使用，若非必要其實不用再重新開發，我在上一篇「免費圖示 Unicons 收錄超過 1000 個向量圖示下載」提過一些之前介紹過的圖示素材，如果你想找圖示，也可直接瀏覽本站免費圖示分類或透過右側站內搜尋框找到更多相關文章。
網站圖示
Unicons 超過 1000 個向量圖示免費下載，完美像素放大縮小不影響解析度
如果要開發應用程式或網路服務，通常會需要整套樣式一致的圖示集，而這些圖案也不是太難找，網路上有不少以開放原始碼釋出、甚至可用做商業用途的圖示庫，例如我之前介紹過的 illustrio、Ionicons、Feather Icons 和 Octicons 等等（文章裡還有更多免費圖示集鏈結），這些圖案都有不太一樣的樣式設計，只要符合自己介面風格就能有相當好的效果，相較於自行開發整套圖示來說也更省時省事。
OpenMoji 開放原始碼免費表情符號，彩色單色 SVG、PNG 格式免費下載
Favicon Checker 測試網站圖示在不同瀏覽器、佈景主題配色的顯示效果
在建立網站和部落格時通常有許多重要環節一定要做，其中一個就是加入網站圖示，也就是大家常聽到的「Favicon」，這是什麼呢？其實就是網站會顯示於瀏覽器分頁上的小小圖示，這也不是什麼很新的東西，大部分網站都會放，尤其在開啟很多頁面的情況下無法在分頁標籤看到網站名稱，圖示就成為辨識分頁對應網站的方式，因此設定好一個易於識別、能增加使用者印象的網站圖示就顯得格外重要。
Favicon Checker 檢查網站圖示在 iOS、Android、PC 和 Mac 設定是否正確
（Copyright: audiohead / 123RF Stock Photo）
在網站最佳化指南裡有提到最好可為網站加入網站圖示（Favicon），如果沒記錯的話，雖然是一個簡單的動作，但對網站來說卻有相當大的幫助，怎麼說呢？這些圖案有助於加深使用者對網站的印象，在書籤列顯示也更容易識別，除此之外，當今行動裝置瀏覽器例如 iOS Safari 或 Android Chrome 都支援將網站釘選到主畫面，不過必須事先設定好合適的圖案。
閱讀全文 » about Favicon Checker 檢查網站圖示在 iOS、Android、PC 和 Mac 設定是否正確