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

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

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

human pictogram 2.0 免費人像行為圖示下載

human pictogram 2.0 免費人像行為圖示下載

human pictogram 2.0 (無料人物 ピクトグラム素材 2.0) 網站,主要提供像是鳥獸、剪影、人像行為、氣球、箭頭、植物、背景音樂、城市、聖誕節....等等的免費音樂與插圖素材,而 human pictogram 2.0 則是以人像行為為主,將人類的日常行為,像是運動、吃飯、上學、職業別、情感...等等,用一簡單的圖示來表示,圖示提供 Illustrator Ai,EPS,SVG,JPG,PNG 五種圖片格式下載,至於可以應用的範圍,只要不將其作為商標來使用,基本上都可以。

E-Mail Icon Generator 線上 EMail 貼紙產生器

E-Mail Icon Generator 線上 EMail 貼紙產生器

需要將電子郵件地址留於網頁以方便聯絡,雖是簡單的語法,可是接踵而來的可能是一堆的不相干郵件會寄到該電子郵箱,如何避免公布的 EMail Address 被機器人自動收集,可以來試試 E-Mail Icon Generator 這個線上 EMail 貼紙產生器,將要公布的電子郵件信箱地址改成圖片模式來顯示,如此一來,機器人就會無法判別郵件信箱格式,有效減少非相關郵件的數量。

Emoji Kitchen Browser 讓 Emoji 搭配 Emoji 產生新 Emoji 表情符號的免費線上服務

Emoji Kitchen Browser 讓 Emoji 搭配 Emoji 產生新 Emoji 表情符號的免費線上服務

Emoji Kitchen Browser 是個將 Emoji 重新組合成新 Emoji 表情符號的免費網站,其採用 ? + ? = ? 的組合方式,也就是說,使用者任選一個表情符號後,Emoji Kitchen Browser 會將該表情符號的組合列出,並且顯示該表情符號是由哪兩個符號所組成,並可下載成尺寸為 534 x 534 的 PNG 圖檔,供使用者後續應用。

File Widget 在 Android 桌面上建立自訂捷徑

File Widget 在 Android 桌面上建立自訂捷徑

Android 的桌面捷徑,通常由手機廠商來決定,再來就是新安裝 App時,會自動建立桌面捷徑,但若是想要建立資料夾或是檔案的捷徑到桌面上,這時候,可以來安裝 File Widget 應用程式來協助你建立資料夾或檔案的捷徑,可以自訂名稱與 ICON,讓常用的檔案與資料夾也能有桌面捷徑,方便開啟。

Genfavicon 簡單實用的線上 favicon 產生器

Genfavicon 簡單實用的線上 favicon 產生器

常看到 IE 瀏覽器的網址列的網址前有一圖示或是在 Google Chrome 瀏覽器的分頁標籤內網站名稱前有一圖示,這些圖示其實是透過在 HTML Head 區塊內加入<link rel="shortcut icon" href="favicon.ico" />該 link 標籤,那麼如何取得favicon.ico ?我們可以透過 Genfavicon 的網站,免費的產生 favicon, 該網站提供 16x16, 32x32, 48x48, 64x64, 128x128 等尺寸的 ICO 檔,可供運用。

Google Design - Material icons 常用 ICON 免費下載使用

Google Design - Material icons 常用 ICON 免費下載使用

不論是 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 兩種圖檔格式,供你免費下載應用。

SVG Favicon Maker -SVG 或 PNG 圖檔格式的 HTML Favicon Icon 免費製作工具

SVG Favicon Maker -SVG 或 PNG 圖檔格式的 HTML Favicon Icon 免費製作工具

瀏覽器內的書籤或我的最愛及分頁開啟後的最左側均有網站所提供的 Logo,其功能除了可增加網站之見的識別度外,當然也可增加瀏覽者對網站的印象,而該 Logo 是在網頁內使用<link> 標籤來加載,早期因瀏覽器對 Favicon Icon 的支援程度不同,大都使用 ICO 及 PNG 圖檔格式,而近來主流的瀏覽器對 svg 圖檔格式的支援漸一致, Favicon Icon 使用 svg 的向量圖檔更有其便利性,SVG Favicon Maker 是一個可以線上製作 Favicon Icon 的免費 Web 工具,使用者可以透過所提供的工具來選擇外框形狀、背景色、字形及所要使用的文字或 Emoji 圖案,完成後,可以下載成 PNG 圖檔或直接使用其 svg+xml 的 HTML 語法,直接在網頁內使用。

ICOConvert 將圖片轉成多種尺寸、形狀的 ICO、PNG 圖檔

ICOConvert 將圖片轉成多種尺寸、形狀的 ICO、PNG 圖檔

Windows 可以透過「個人化」功能,來更換電腦中的桌面圖示設定,例如想要更換資源回收筒、網路等所代表的圖示,但有其重點,就是所更換的圖示檔案,必須是 ico、dll、exe 或是 icl 等類型檔案,ico 對多數人來說可能是較容易製作的檔案類型,除了多數的圖片編輯工具都支援,線上也有很多圖片轉 ICO 的免費工具,ICO Convert 可以將圖片轉換成應用在執行檔、網站甚至是 Windows 圖示的 16 x 16、24 x 24、32 x 32、48 x 48、64 x 64、96 x 96、128 x 128、192 x 192、256 x 256 尺寸的 ICON 圖檔,也可以轉成各種形狀的 PNG 圖檔,讓圖片應用更多元化。

IcoFX 實用的新建、取出、編輯及轉檔 ICON 圖示工具(繁體中文版)

IcoFX 實用的新建、取出、編輯及轉檔 ICON 圖示工具(繁體中文版)

當需要使用 ICON 圖示時,不管是在提供圖標素材的網站下載,還是需要取出某個應用程式的 ICO 圖示或是想自己新建一個 ICON 圖示時,IcoFX 這套免費的新建、取出、編輯 ICON 圖示工具軟體應該是會很實用,除了可以新建、取出、編輯 ICON 圖示之外,IcoFX 也提供從不同的圖檔格式來轉換成 ICON 圖示。

Icon Extractor 擷取 EXE及DLL 檔案內的圖示軟體﹝免安裝﹞

Icon Extractor  擷取 EXE及DLL 檔案內的圖示軟體﹝免安裝﹞

Icon Extractor 是一套可以提取 EXE檔案及DLL檔案內的ICON圖示程式,與Resources Extract屬同類型的免費軟體,當執行某一個程式,發現該程式的所附的圖示很喜歡,就可以使用 Icon Extractor 將它提取出來,方便後續的應用,若要轉檔可參閱Imagicon 將不同的圖片格式,快速的互相轉換(支援ico、bmp、jpg及png格式)