Icônes:匯集百個可商用圖示集,支援 SVG、IconFont 及多種前端框架

Icônes:匯集百個可商用圖示集,支援 SVG、IconFont 及多種前端框架

Icônes 是一個免費的線上圖示管理與搜尋平台,整合了超過 100個( 目前有 146個 Iconsets )知名圖示集,如 Material Icons、Font Awesome、Heroicons 等,提供數萬個( 目前約有 229075 icons)風格多樣的圖示資源。使用者可以直接搜尋所需的圖示,並支援多種格式輸出,包括 SVG、PNG、URL 和 Data URL,無需額外轉換即可快速應用於專案中。

Game-icons.net:免費適用遊戲開發的商用圖示素材,支援顏色、尺寸、變形等自定義編輯

Game-icons.net:免費適用遊戲開發的商用圖示素材,支援顏色、尺寸、變形等自定義編輯

為了讓每個圖示更具個人化,Game-icons.net 提供了強大的自定義工具,使用者可以對圖示進行顏色調整、旋轉、模糊、添加陰影或斜角效果,甚至可以疊加文字和其他圖標,使每個圖示能夠輕鬆轉換成專屬風格。這些功能不僅提升了圖示的靈活性,還能更好地滿足遊戲和應用開發者的視覺需求。

Boxicons:免費MIT授權圖示庫,提供1600+可商用圖標

Boxicons:免費MIT授權圖示庫,提供1600+可商用圖標

Boxicons 是一個提供 MIT 授權的免費圖示資源庫,內含 1,634 個 SVG 圖示,涵蓋 32 種分類,包括無障礙設計(Accessibility)、警示(Alert)、動物(Animals)、箭頭(Arrow)、品牌(Brands)、建築(Building)、商業(Business)、程式碼(Code)、通訊(Communication)、設計(Design)、裝置(Device)、電商(E-Commerce)、表情符號(Emoji) 等,適合各類型的網站開發與 UI/UX 設計。

Adobe Remove Background 讓你線上去除、更換或模糊圖片背景

Adobe Remove Background 讓你線上去除、更換或模糊圖片背景

Remove.bg 開始到 ICONS8 AI Background Remover 可以自動刪除圖片背景的免費服務越來越多了,Remove Background 是 Adobe Photoshop Express 內的其中的一項免費功能,操作上與其他服務類似,都是只要上傳圖片後,就由系統自動地將背景刪除,完全不需要圈圈選選塗塗抹抹的額外操作,另外,該免費服務內也可以更換、模糊圖片背景,除此之外還有圖片裁切、潤色、色彩調整及藝術效果的免費功能,可以說是一條龍的免費服務,而該服務是需要免費註冊登入後才可以使用,下載的圖片是不會有浮水印。

ajaxload.info 網頁資料讀取時的等待圖示

ajaxload.info 網頁資料讀取時的等待圖示

常在網頁看到當網頁在讀取資料時,會先出現一個等待的圖示來告訴使用者網頁資料目前在讀取中,最常看到的像是 FaceBook 或 Plurk 網站在讀取資料時的等待圖示。ajaxload.info 就是專門提供該類圖示的免費網站,可線上自訂該圖示的顏色及背景色,並提供 GIF 格式檔案下載。

AnimatedFavicon 線上產生網站的網址列圖示

AnimatedFavicon 線上產生網站的網址列圖示

不管是使用 Microsoft 的 IE 瀏覽器或是 Google Chrome 瀏覽器,瀏覽網頁時,應該都會在其網址列或其瀏覽分頁上,看到該網站的代表圖示或是瀏覽器所預設的圖示,若加入書籤或我的最愛也會在其列上出現該網站的代表圖示,方便使用者識別。AnimatedFavicon 是一個可以免費製作該類圖示的免費服務網站,製作過程相當簡單,只要上傳圖片後,接下來就是下載應用,其提供對所上傳的圖片會製作出 GIF、ICO、16 x 16 與 32 x 32 尺寸的 PNG 圖檔,以利後續應用。

AutoHideDesktopIcons 定時自動隱藏桌面及工具列上的圖示(免安裝版)

AutoHideDesktopIcons 定時自動隱藏桌面及工具列上的圖示(免安裝版)

如果使用的是屬於公用電腦又特別受不了桌面上被擺放著一堆的檔案或軟體捷徑時,可以來試試這套 AutoHideDesktopIcons免費又免安裝的工具軟體,可以自訂當滑鼠不在桌面上的時間來自動將桌面或工具列上的圖示隱藏起來,等到要用的時候,再呼叫出圖示出來應用,如此一來當自己使用時,桌面不會顯示一堆跟自己無關的檔案圖示,又保留原有的桌面圖示。

Buttons 線上 CSS 按鈕產生器

Buttons 線上 CSS 按鈕產生器

製作網頁時,難免會有需要讓使用者點擊的地方,若只是用文字來敘述,雖然簡單明瞭,但卻顯得單調,想要放個按鈕圖示,但卻又礙於要使用圖片,牽涉較廣,若有這些問題,可以來試試這個可以說是 CSS 按鈕寶庫的 Buttons 線上 CSS 按鈕產生器,不但提供 Flat、Glow、Rounded、3D、Border、Pill、Circle、Dropdown(下拉選單)、icon、Square、Block 等各式各樣的按鈕,且配色相當豔麗,使用上更是簡單,只需在網頁特定位置,載入相關連結後,複製想要使用的按鈕樣式到網頁想要應用的位置即可。

Call-to-Action Button Generator - CSS 按鈕產生器

Call-to-Action Button Generator - CSS 按鈕產生器

對初學網頁製作的人來說,當需要對「按鈕」元件進行美工時,若能參考別人寫好的 CSS Code 是一個事半功倍的好方法。Call-to-Action Button Generator 是一個可即時預覽的 CSS 按鈕線上產生器,不但提供按鈕顏色、文字、陰影、ICON 等屬性自訂外,還可自動產生所需的 CSS Code 與 PNG 圖檔,讓使用者方便影用到網頁的任意處,相當方便。

Circle Dock 免費輪盤式的豪華工具列(免安裝 繁體中文版)

Circle Dock 免費輪盤式的豪華工具列(免安裝 繁體中文版)

習慣了 Windows 預設的直式或橫式的工具列了嗎?若想來點變化時,不彷可以來試試 Circle Dock 這套免費輪盤式的豪華工具列,只要將你平時常用的程式或資料夾,用滑鼠拖拉到輪盤中,就可建立輪盤中的工作項目;Circle Dock 隱藏時也可透過快速鍵 F1 或滑鼠中間鍵就能叫出 Circle Dock,相當方便,另外 Circle Dock 也內建了超多精美的圖示(ICON)及多種面板,提供使用者隨時可更改外觀,做出與眾不同的工具列。

converticon.com 將圖片輸出成 ICO 圖示

converticon.com 將圖片輸出成 ICO 圖示

「圖示」通常具有指引的作用,例如文宣上的的電話圖示,大家就會想到那是商家的聯絡電話,而在電腦上,常用於顯示檔案、裝置,以及顯示在按鈕、工具列和選單上,其大小從 16×16 到 256×256 等都有,副檔名則是以 .ico 來標示,想要將 PNG、GIF 或是 JPEG 圖片格式轉成 ICO 圖示,也不需要大費周章的安裝影像編輯軟體,可以來 converticon.com 這個免費將圖片輸出成 ICO、PNG 圖示的網站,就可以輕鬆達成,且尺寸從 16×16 到 512×512 都有 。

CSS.GG 免費圖示字型集,透過 CSS 語法就可應用

CSS.GG 免費圖示字型集,透過 CSS 語法就可應用

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