<![CDATA[A.PAO designSTUDIO BLOG]]> https://blog.apao.idv.tw/index.php zh-tw https://blog.apao.idv.tw/post// <![CDATA[favicon 製作與相關網站]]> apao <apao@www.apao.idv.tw> Wed, 09 Jul 2014 03:31:38 +0000 https://blog.apao.idv.tw/post// favicon就是Favorites Icon的縮寫，通常用於標籤頁上顯示，一般放置於網頁程式碼中<head>與</head>的裡面，用來加強網站辨識度及加強使用者的印象。常見的尺寸有16*16 px, 32*32 px 和48*48 px。
點擊在新視窗中瀏覽此圖片

製作favicon的網站連結（看喜歡用哪一個）
https://convertico.com/
https://www.ifreesite.com/favicon/

點擊在新視窗中瀏覽此圖片
▲原圖

進入Photoshoop編輯

點擊在新視窗中瀏覽此圖片
▲原比例

點擊在新視窗中瀏覽此圖片
▲上下拉長

點擊在新視窗中瀏覽此圖片
▲到 http://www.favicon.cc/

點擊在新視窗中瀏覽此圖片
▲按下 Import Image

點擊在新視窗中瀏覽此圖片
▲選擇上傳

點擊在新視窗中瀏覽此圖片
▲編輯畫面

點擊在新視窗中瀏覽此圖片
▲Download favicon （舊版瀏覽器，新版則是出現在分頁簽上）

或是到Photoshop輸出 ico (Windows)也是可以

在<head>中放入
<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico">


有時要這樣才能出現
<link rel="shortcut icon" type="image/x-icon" href="(Your URL)/favicon.ico">


記得ICON制作時轉換時，格式不能弄錯囉。

參考網頁：
http://blog.apao.idv.tw/html5/favicon/favicon.php

製作網頁：
http://www.childepi.org.tw/





Tags - , , , ]]> https://blog.apao.idv.tw/post//#blogcomment <![CDATA[[評論] favicon 製作與相關網站]]> <user@domain.com> Thu, 01 Jan 1970 00:00:00 +0000 https://blog.apao.idv.tw/post//#blogcomment