goTOP
July 9, 2014

favicon製作與相關網站

| |
網頁語言 » html | 閱覽(12338) | Posted by apao at 11:31
點擊在新視窗中瀏覽此圖片
▲原圖

進入Photoshoop編輯

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

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

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

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

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

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

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

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

<header>中放入
<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/




Facebook twitter LINEk
文章来自: 本站原創
0 Comment(s)
我要發表評論
暱稱
密碼 [ 訪客無需密碼 ]
電郵
網址
開啟HTML 開啟UBB 開啟表情 隱藏 記住我