網頁圖示的製作方式

之前在馬老師舊的部落格就有教導過網站圖示的製作方式,不過因為部落格搬新家,也再把這個教學重新講解與製作一遍,如下圖所示,許許多多的網頁都有製作網頁圖示。

網站圖示的製作方式 示意圖1

這樣的圖示我們可以利用任何的美工軟體來設計,而我是在Fireworks中製作(個人覺得比較方便),首先開一個正方形的透明圖檔(寬、高相同),大小可以自訂,底色設為透明。

網站圖示的製作方式 示意圖2

底色透明的部分是希望可以製作一個去背的網站圖示,像上面範例奇摩的圖示就有去背,維基百科則沒有,接下來就看你怎麼樣設計這個圖示囉~

網站圖示的製作方式 示意圖3

製作完成後儲存成png的格式,進入這個網站將我們的PNG圖檔轉換成ICO圖檔,進入後按下選擇檔案,找到我們剛剛所儲存的PNG圖檔,接下來就按下轉換的按鈕。

網站圖示的製作方式 示意圖4

待轉換完成後在Click here to Download的文字上面按右鍵選擇另存目標。

網站圖示的製作方式 示意圖5

接下來在想出現此圖示的網頁上,輸入以下的HTML程式碼。

<link href="favicon.ico" rel="shortcut icon" />

網頁圖示的製作方式 示意圖6

其中href代表這個圖檔的名稱和路徑,如果是整個網站的所有頁面都要有本圖示的話,那每一頁都必須要有這段語法喔!接下來預覽網頁就可以看到你所設計的網頁圖示了。

註:在網頁還沒上傳的情形之下I.E.會看不到這個圖示,大家可以用Chrome或Firefox來預覽

You may also like...

32,721 Responses

  1. Sazryja表示:

    Заказать диплом ВУЗа !
    Приобретение диплома любого ВУЗа РФ у нас – надежный процесс, поскольку документ будет заноситься в государственный реестр. Приобрести диплом о высшем образовании vuz-diplom.ru/kupite-diplom-dlya-uspeshnoj-kareri-i-protsvetaniya

  2. Cazrwze表示:

    Мы изготавливаем дипломы психологов, юристов, экономистов и любых других профессий по доступным тарифам. Купить диплом в Ленинградской области — kyc-diplom.com/geography/leningradskaya-oblast.html

  3. CarltonUnith表示:

    http://usaindiapharm.com/# UsaIndiaPharm

  4. DavidSooni表示:

    UsaIndiaPharm UsaIndiaPharm india pharmacy mail order

  5. Waltonnix表示:

    indian pharmacy: п»їlegitimate online pharmacies india – Online medicine home delivery

  6. FrankGlora表示:

    online shopping pharmacy india: п»їlegitimate online pharmacies india – UsaIndiaPharm

  7. Dnrtrni表示:

    Мы изготавливаем дипломы психологов, юристов, экономистов и других профессий по приятным тарифам. Мы можем предложить документы ВУЗов, расположенных на территории всей России. Документы делаются на бумаге высшего качества. Это дает возможность делать государственные дипломы, которые не отличить от оригинала. aboutallfinance.ru/dokumentyi-ob-obrazovanii-na-zakaz-2

  8. DavidSooni表示:

    UsaIndiaPharm indian pharmacy online cheapest online pharmacy india

  9. Cazrlya表示:

    Где приобрести диплом по нужной специальности?
    Мы можем предложить дипломы психологов, юристов, экономистов и прочих профессий по приятным тарифам. Важно, чтобы документы были доступными для большого количества граждан. Приобрести диплом института diplomk-v-krasnodare.ru/vot-neskolko-variantov-zagolovkov-sootvetstvuyushix-vashim-trebovaniyam-vnesite-diplom-v-reestr-instruktsiya-i-pomosh-reestr-diplomov-proverka-i-vnesenie-dannix-kak-ofitsialno-do/

  10. hkvwsrpjz表示:

    New Jersey Online Casinos To ensure the legitimacy of an online casino in New Jersey, it is important to verify that the operator holds a valid license issued by the New Jersey Division of Gaming Enforcement (DGE). Licensed casinos undergo strict regulations and audits to ensure fairness, player protection, and the security of financial transactions. Source: thenewsfront nj-online-casinos-launches-new-casino-website-in-new-jersey If the online casino is legal and licensed in your state, you can trust the site to be fair and safe. Be sure to do some research by checking out the site and reading reviews. A new USA online casino that carries an established brand often brings a longstanding reputation. Meanwhile, brand-new online casinos without any previous track record probably deserve some extra scrutiny before you begin depositing funds and playing the games.
    https://365farma.es/2025/04/10/aviator-betano-%d9%85%d8%a7-%d8%a7%d9%84%d8%b0%d9%8a-%d9%8a%d8%ac%d8%a8-%d8%aa%d8%ac%d9%85%d9%8a%d8%b9%d9%87-%d8%8c-catamenium-%d9%85%d8%a7-%d9%87%d9%8a-%d8%a7%d9%84%d9%86%d8%b5%d8%a7%d8%a6%d8%ad/
    No deposit free spins let you try out new games absolutely risk-free from a financial point of view. It goes even further to let you become familiar with specific games and decide whether you want to play them again. Since they are quite popular, Gonzo’s Quest and Starburst are often part of no deposit free spins bonuses. A typical free spins offer will allow you to spin, say, 10 times on a certain slot or game at a certain value per reel. Anything you win may be yours to cash out, depending on the terms and conditions of the free spins offer. Several offers include 50 free spins or 100 free spins. When it comes to free spins, Caesars Casino steps to the fore. At their online casino site they are offering newcomers a 100% matching first deposit worth up to $2000. But the gift giving doesn’t stop there. New players are also provided with 25 free spins on Starburst, among the more popular online slot games. 

  11. CarltonUnith表示:

    http://usaindiapharm.com/# mail order pharmacy india

  12. Waltonnix表示:

    india pharmacy mail order: mail order pharmacy india – reputable indian online pharmacy

  13. Georgeunula表示:

    cheapest online pharmacy india: UsaIndiaPharm – UsaIndiaPharm

  14. Waltonnix表示:

    india pharmacy mail order: indian pharmacies safe – top 10 pharmacies in india

  15. Georgeunula表示:

    UsaIndiaPharm: buy prescription drugs from india – USA India Pharm

  16. Georgeunula表示:

    mail order pharmacy india: pharmacy website india – UsaIndiaPharm

  17. FrankGlora表示:

    Online medicine home delivery: UsaIndiaPharm – USA India Pharm

  18. This piece of writing will assist the internet
    users for setting up new blog or even a weblog from start
    to end.

  19. CarltonUnith表示:

    http://usaindiapharm.com/# india pharmacy

  20. FrankGlora表示:

    india pharmacy: UsaIndiaPharm – UsaIndiaPharm

  21. Cazrojg表示:

    Купить диплом университета можем помочь. Купить диплом о высшем образовании в Ульяновске – diplomybox.com/kupit-diplom-o-vysshem-obrazovanii-v-ulyanovske

  22. mpo777表示:

    Hey there! This is kind of off topic but I need some help from an established blog.
    Is it very difficult to set up your own blog? I’m not very techincal but I can figure things out pretty fast.

    I’m thinking about setting up my own but I’m not sure where to begin. Do you have
    any ideas or suggestions? Appreciate it

  23. Sazrgex表示:

    Мы можем предложить дипломы любой профессии по приятным тарифам.– diplomgorkiy.com/kupit-diplom-o-srednem-obrazovanii-bistro-i-nadezhno-3/

  24. Oxoebn表示:

    propranolol brand – buy plavix 75mg methotrexate 10mg for sale

  25. SteveViand表示:

    https://usmexpharm.shop/# Mexican pharmacy ship to USA

發佈回覆給「FrankGlora」的留言 取消回覆

發佈留言必須填寫的電子郵件地址不會公開。