這樣的小Icon，其是就是所謂的「favicon」，副檔名為「.ico」，如果你有自己架站，想替自己的網站換個屬於自己風格的網站ICON，請先準備好一張64*64的透明背景PNG-24格式小圖。

STEP1.
至https://www.aconvert.com/tw/icon/png-to-ico

職場產業

藝文

觀點

<div class="draft-block draft--p left">這樣的小Icon，其是就是所謂的「favicon」，副檔名為「.ico」，如果你有自己架站，想替自己的網站換個屬於自己風格的網站ICON，請先準備好一張64*64的透明背景PNG-24格式小圖。</div>
<div class="draft--imgNormal draft-block"><div><div style="height:865px" class="image-block-prerender" data-src="https://images.vocus.cc/629261e8-05ab-4ff7-a6ac-ca8f6b30eced.png" data-width="865" data-height="157" data-position="center"></div><figcaption class="imageCaption draft-block" style="cursor:text;display:block"></figcaption></div></div>
<div class="draft-block draft--p left">STEP1.<br>至<a href="https://www.aconvert.com/tw/icon/png-to-ico/" target="_blank" class="draft--a">https://www.aconvert.com/tw/icon/png-to-ico/</a>網頁，由【選擇檔案】按鈕選擇64*64的透明背景PNG-24格式小圖，圖標尺寸請勾選64X64，按下開始轉換。</div>
<div class="draft--imgNormal draft-block"><div><div style="height:1196px" class="image-block-prerender" data-src="https://images.vocus.cc/54af0525-6c6c-4aa7-8687-61fe596a2456.jpg" data-width="1196" data-height="519" data-position="center"></div><figcaption class="imageCaption draft-block" style="cursor:text;display:block"></figcaption></div></div>
<div class="draft-block draft--p left">轉換後由下方轉換結果將圖以另存連結為儲存至個人網站資料夾內。</div>
<div class="draft--imgNormal draft-block"><div><div style="height:1022px" class="image-block-prerender" data-src="https://images.vocus.cc/bb450216-7d93-4dea-b265-2185dc1383ec.jpg" data-width="1022" data-height="386" data-position="center"></div><figcaption class="imageCaption draft-block" style="cursor:text;display:block"></figcaption></div></div>
<div class="draft-block draft--p left">STEP2.<br> 更改檔名為favicon，並放置於網站資料夾內的img資料夾內(若無請新增img資料夾)</div>
<div class="draft--imgNormal draft-block"><div><div style="height:828px" class="image-block-prerender" data-src="https://images.vocus.cc/0da13015-43d5-4ae2-bf09-93beb924e1bc.jpg" data-width="828" data-height="344" data-position="center"></div><figcaption class="imageCaption draft-block" style="cursor:text;display:block"></figcaption></div></div>
<div class="draft-block draft--p left">STEP3.<br> 最後至網站頁面內&lt;title&gt;之前，加入&lt;link href="img/favicon.ico" rel="shortcut icon"/&gt;</div>
<div class="draft--imgNormal draft-block"><div><div style="height:870px" class="image-block-prerender" data-src="https://images.vocus.cc/08227b8a-5551-4d16-b135-eff31e8c3261.jpg" data-width="870" data-height="143" data-position="center"></div><figcaption class="imageCaption draft-block" style="cursor:text;display:block">若圖檔名稱與所放置資料夾位置名稱有不同，請正確搭配更改!!</figcaption></div></div>
<div class="draft--imgNormal draft-block"><div><div style="height:832px" class="image-block-prerender" data-src="https://images.vocus.cc/39d3ff4f-d210-4c03-9e30-64df0c9ab4f2.jpg" data-width="832" data-height="483" data-position="center"></div><figcaption class="imageCaption draft-block" style="cursor:text;display:block"></figcaption></div></div>
<div class="draft-block draft--p left">【<a href="https://d32mcm3hkdm8smd1hmeyyq-on.drv.tw/dw/dw13/dw13.html" target="_blank" class="draft--a">檢視範例</a>】【<a href="https://drive.google.com/open?id=1PKUD8K8-BiDp6zg7nJenDbB3vwlv0MQY" target="_blank" class="draft--a">下載範例</a>】</div>

<p>這樣的小Icon，其是就是所謂的「favicon」，副檔名為「.ico」，如果你有自己架站，想替自己的網站換個屬於自己風格的網站ICON，請先準備好一張64*64的透明背景PNG-24格式小圖。</p>
<p><br></p>
<p>STEP1.<br>
至<a href="https://www.aconvert.com/tw/icon/png-to-ico/">https://www.aconvert.com/tw/icon/png-to-ico/</a>網頁，由【選擇檔案】按鈕選擇64*64的透明背景PNG-24格式小圖，圖標尺寸請勾選64X64，按下開始轉換。</p>
<p><br></p>
<p>轉換後由下方轉換結果將圖以另存連結為儲存至個人網站資料夾內。</p>
<p><br></p>
<p>STEP2.<br>
 更改檔名為favicon，並放置於網站資料夾內的img資料夾內(若無請新增img資料夾)</p>
<p><br></p>
<p>STEP3.<br>
 最後至網站頁面內&lt;title&gt;之前，加入&lt;link href="img/favicon.ico" rel="shortcut icon"/&gt;</p>
<p>若圖檔名稱與所放置資料夾位置名稱有不同，請正確搭配更改!!</p>
<p><br></p>
<p>【<a href="https://d32mcm3hkdm8smd1hmeyyq-on.drv.tw/dw/dw13/dw13.html">檢視範例</a>】【<a href="https://drive.google.com/open?id=1PKUD8K8-BiDp6zg7nJenDbB3vwlv0MQY">下載範例</a>】</p>

這樣的小Icon，其是就是所謂的「favicon」，副檔名為「.ico」，如果你有自己架站，想替自己的網站換個屬於自己風格的網站ICON，請先準備好一張64*64的透明背景PNG-24格式小圖。

STEP1.
至https://www.aconvert.com/tw/icon/png-to-ico/網頁，由【選擇檔案】按鈕選擇64*64的透明背景PNG-24格式小圖，圖標尺寸請勾選64X64，按下開始轉換。

轉換後由下方轉換結果將圖以另存連結為儲存至個人網站資料夾內。

STEP2.
 更改檔名為favicon，並放置於網站資料夾內的img資料夾內(若無請新增img資料夾)

STEP3.
 最後至網站頁面內<title>之前，加入<link href="img/favicon.ico" rel="shortcut icon"/>

若圖檔名稱與所放置資料夾位置名稱有不同，請正確搭配更改!!

為你的網站加上網址列小圖示ICON