網頁圖示的製作方式

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

網站圖示的製作方式 示意圖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...

15,744 Responses

  1. abaldcvwo表示:

    If you or someone you know has a gambling problem, please call the 24 7 problem gambling toll-free hotline at 877.9.GAMBLE. Must be 18+. Formerly Twin River Casino Hotel All new Bally Rewards card members, within the promotion earning period are eligible to receive five (5) free raffle tickets. Bonus rounds are a feature of many pokies games that offer players the chance to win extra prizes or free spins, if you’re looking for a safe. Young casinos know how to get public attention, secure. Twin Casino is operated by Moonlite N.V. and holds licenses from both the Kahnawake Gaming Commission and the Curacao gaming authorities. This dual licensing ensures that the casino operates under strict regulations and standards set by two reputable regulatory bodies. Additionally, working with payment management service providers like SafeGate Limited and Covimal Limited further enhances the security and reliability of the casino’s financial transactions. By implementing these measures and aligning with trusted partners, Twin Casino demonstrates a commitment to player protection and responsible gaming practices. Players can feel confident in the safety and integrity of their gaming experience at Twin Casino.
    https://nerodirectory.com/listings12879206/jeetbuzz-login-app-download
    These free bonuses are called “no deposit bonuses” (duh!) and are available to each new player, once per player! All you have to do is to register an account and casino free spins no deposit bonus is ready to be played in the predetermined slot or game collection. Getting casino free spins without deposit will practically guarantee players coming to at least check the casino out. GreenSpin.bet provides thousands of casino games and slots, prompt customer support, fast withdrawals, a clean user interface, tournaments, registration bonuses and lots more. Explore its impeccable casino site with 20 free spins with no deposit when n registering with bonus code: NFSND20. We expect Foden to be given a prominent role in the England team, maybe more central than was expected with the emergence of Jude Bellingham. A more central role makes him a real threat to be England’s top scorer at Euro 2024.

  2. LeroyAcuff表示:

    Профессиональный сервисный центр диагностика сотовых телефонов ремонт телефонов поблизости

  3. В магазине сейфов предлагают сейф 2 класса сейф 2 класса

  4. В магазине сейфов предлагают сейфы второго класса сейфы 2 класса

  5. ForrestVal表示:

    pin up bet: pin up casino giris – pin up

  6. В магазине сейфов предлагают cейфы 2 класс купить сейф 2 класс

  7. Профессиональный сервисный центр по ремонту планшетов в Москве.
    Мы предлагаем: замена тачскрина на планшете цена
    Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!

  8. LeroyAcuff表示:

    Профессиональный сервисный центр срочный ремонт телефонов рядом сервис ремонт телефонов

  9. DonaldRer表示:

    пинап кз: пин ап казино – пинап кз

  10. Robertdef表示:

    pin up pin-up casino giris pin up casino

  11. LeroyAcuff表示:

    Профессиональный сервисный центр ремонт телефон сервис телефонов

  12. Профессиональный сервисный центр по ремонту бытовой техники с выездом на дом.
    Мы предлагаем: сервисные центры в волгограде
    Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!

  13. Gabrielwaimb表示:

    pin up казино https://pinupaz.bid/# pin up casino
    pin up kz

  14. В магазине сейфов предлагают взломостойкий сейф 2 класса сейф 2 класса взломостойкости

  15. Robertdef表示:

    pin-up oyunu pinup az pin-up casino giris

  16. Профессиональный сервисный центр по ремонту планшетов в Москве.
    Мы предлагаем: ремонт планшетов работа
    Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!

  17. LeroyAcuff表示:

    Профессиональный сервисный центр ремонт мобильных устройств сервис телефонов

  18. ForrestVal表示:

    pin-up kazino: pin-up oyunu – pinup azerbaycan

  19. Gabrielwaimb表示:

    pin up казино https://pinupkz.tech/# пин ап
    pin up

  20. LeroyAcuff表示:

    Профессиональный сервисный центр починить телефон ремонт сотовых телефонов

  21. DonaldRer表示:

    пинап кз: pin up – пинап казино

  22. ForrestVal表示:

    пинап кз: pin up kz – pin up казино

  23. LeroyAcuff表示:

    Профессиональный сервисный центр ремонт смартфонов рядом ближайшая мастерская по ремонту телефонов

  24. В магазине сейфов предлагают сейфы 2 класса сейфы 2 класса

  25. В магазине сейфов предлагают взломостойкие сейфы 2 класса сейф 2 класса взломостойкости

  26. Hempjn表示:

    order metronidazole online cheap – cost cenforce 50mg cenforce 50mg tablet

  27. Robertdef表示:

    пин ап 634 пинап кз pin up kz

  28. Профессиональный сервисный центр по ремонту планшетов в Москве.
    Мы предлагаем: сколько стоит починка планшета
    Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!

發佈留言

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