收錄高達130萬免費圖標素材的兩個網站
收錄高達130萬免費圖標素材的兩個網站-移動閱讀二維碼

繪制圖標并不是一件容易的事,需要素材時大部分使用者可能會轉向國外網站來進行搜尋靈感,今天介紹連個圖標素材站,總收錄高達130萬個,幫你找到高質量的圖標素材。

本文要介紹的這款 Icon Ninja 是一個免費圖示搜索引擎,共收錄高達89萬個圖示!數量非??捎^。用戶只要輸入搜尋關鍵詞,即可找出所有類似圖案,無須注冊就能快速下載取得特定大小的圖示。

比較特別的是 Icon Ninja 將圖示格式分為一般位圖(PNG)和向量圖兩種,預設情況應該只會搜尋較多人使用的位圖,如有需要,也可以將搜尋 SVG 圖標功能開啟。向量圖一大特色是不會因放大縮小而造成圖片失真,因此更適合用在印刷或應用程序、網頁開發。

此外,Icon Ninja 還能將你選取的所有圖示合并為單張 PNG 圖,利用 CSS Sprites 處理技巧應用于網站以提高加載速度,開發者無須自行拼湊圖片,直接在在線就能完成前置作業。

Icon Ninja

STEP 1

開啟 Icon Ninja 網站后,直接于首頁搜尋框輸入要查找的關鍵詞,如果要搜尋 SVG 向量圖格式的話,記得把右邊選項切換到開啟。輸入后按下確認就會出現相關的搜尋結果。

uisdc-2016101132

若你沒有任何靈感,也可以點選首頁左上角「View All Icons」來查看 Icon Ninja 網站收錄的所有圖示集,上方選單切換「向量圖示(Vector Icon)」或「PNG 圖示」,用途及使用情境應該不太一樣。

剛才特別看了一下,圖示集就有超過一千個頁面!看來不是很容易從瀏覽來找到自己需要的圖案,搜尋會是比較快且省時的方法(或者也可以利用上方的 All tags 來檢索標簽)。

uisdc-2016101133

STEP 2

例如我任意輸入一個關鍵詞后,Icon Ninja 就跑出所有相關圖標,將鼠標光標移動到圖案上方,點選「View icon detail」可以查看圖標集內完整圖片。

uisdc-2016101134

STEP 3

進入圖標的詳細信息頁面后,點選你要的圖示大小即可一鍵下載、保存,依照不同圖示而有不一樣的大小可以下載,例如:16×16、32×32、48×48、64×64、72×72 和 96×96、128×128 等等。另外,下方還會顯示同一套圖標集的其他圖案(或者點選 Belong to Icon sets 后面的圖示集鏈結也能找到)。

uisdc-2016101135

STEP 4

比較可惜的是 Icon Ninja 好像無法一鍵快速把圖標集里的所有圖案下載回來,或許是避免被大量下載而造成負擔,無論如何,使用者仍然可以分開下載(沒有限制),將光標移動到圖標上選擇「Add to CSS Sprites」來組合成一張圖片。

uisdc-2016101136

STEP 5

下圖就是利用 Icon Ninja 內建的 CSS Sprites 功能把多個圖標組合到單一圖片里的畫面,如果不知道如何在網頁中使用,也可點選 Usage 取得說明。

點選左下角「2* %」會出現 CSS 語法框,然后點選「Select Sprite」選擇其中的某一個圖標,就會顯示加載該圖標必須使用的語法范例啰!不過這里無法很詳細的寫出 CSS Sprites 加載圖示的完整教學,如果有興趣的話,可以試著透過這關鍵詞來 Google 更多參考數據。

uisdc-2016101137

?EASYICON

Easyicon 收錄了超過 400,000 萬個以上精美 PNG、ICO、ICNS 免費圖示,內容相當豐富,網站提供英文、中文兩種操作模式,用戶只需要輸入關鍵詞或點擊首頁的 Tags 即可找到自己需要的圖示,網站亦提供最近更新、熱門圖示以及 LOGO 下載等項目。在 Easyicon 網站里的圖示都有多種尺寸,也可以將圖示通通打包下載,圖標頁面會標示圖標集名稱與相關鏈結,如果需要授權也很容易聯絡到原作者。

在熱門圖示頁面里,會列出網站的熱門圖標卷標,也就是俗稱的標簽云。只要點擊鏈結就會列出相關的圖示。

usidc-icon-20161011 (1)

Easyicon 的操作我很喜歡,圖標可以輕松預覽,要下載時只要點擊圖示左下角的格式鏈結就能免費下載。如果不想一個一個下載的話,點擊圖示右下角的 + 號可以將圖示先丟到右下角,稍后打包下載。

usidc-icon-20161011 (2)

Easyicon 的搜尋結果與 Google 圖片類似,左側能夠選擇按顏色、熱度、尺寸來列出圖示。

usidc-icon-20161011 (3)

每個圖示都有頁面,會列出包括關鍵詞、尺寸、圖標集、作者、網站、用戶許可證等等,下方也會有圖示在不同尺寸下的表現情形,一樣點擊 PNG, ICO, ICNS 可以下載圖示。

usidc-icon-20161011 (4)

Easyicon 是我很喜歡的網站,有許多圖示我都是從 Easyicon 里搜尋到的,如果你也正巧需要尋找圖示,或者在工作上會用到的話,不妨來這網站尋寶,或許會有你需要的也說不定。

 

原文地址:free.com.tw

本文鏈接:http://www.casaleticia.com/1300-thousand-icon-resource-website.html
本文標簽: , ,