1. 首頁
  2. »
  3. 網頁開發
  4. »
  5. 網頁設計
  6. »
  7. 網設必備-favicon線上網站小圖示icon產生器

網設必備-favicon線上網站小圖示icon產生器

2012/03/06

梅問題-網設必備-favicon線上網站小圖示icon產生器

  身為網頁從業人員,當在設計網頁時,除了要版型的設計,與頁面的編排外,還有一個相當重要的部分,那就是網址前方的小圖示,雖然它很小但卻是不容忽略的,當今天把網站加入我的最愛時,在網站名稱前方就會出現每個站的圖示,雖然它只有16×16像素,卻有相當的辨示功能,當今天在找書籤時,透過圖示會比看名稱來的快許多,而先前梅干也曾分享過幾個產生icon的方法,但有沒有更快的方法呢?哈~有滴!最近梅干發現一個好站台,直接線上就可將大圖,壓成16×16像素,並且還可直接產生出ico檔或png喔~真的很方便喔~


Icon小圖示產生器:

網站名稱:Favikon
網站網址:http://www.favikon.com/

Step1
進入網站後,點上方的瀏覽檔案,選擇要轉換的圖檔。
梅問題-網設必備-favicon線上網站小圖示icon產生器


Step2
接著框取要截取的範圍。
梅問題-網設必備-favicon線上網站小圖示icon產生器


Step3
框選好後,就可點下方的Donwlad鈕,下載所需的檔案格式。
梅問題-網設必備-favicon線上網站小圖示icon產生器


Step4
接著就會將大圖轉成16×16的小圖示檔啦!
梅問題-網設必備-favicon線上網站小圖示icon產生器


  這個站真的挺方便的,雖然說它可將大圖縮成小圖,但梅干建議盡還是用小一點的尺寸去轉,或是16×16像素,這樣轉出的效果會比較好,才不會大圖縮小時,會變成一坨什麼也分辨不出來,這樣沒加分反而扣了不少分,因此也請大家善用此工具囉!