網頁圖示的製作方式

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

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

16,233 Responses

  1. Energy utilities typically order Class B stranded wire for main and secondary voltage applications.

  2. He hired Parker as a secretary and cook for the museum’s excavations of Pueblo Indian websites, however Parker wasn’t satisfied with “girls’s work.” She learned shortly on the job and was prepared to go where other scientists feared.

  3. Ремонт телефонов表示:

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

  4. Ремонт телефонов表示:

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

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

  6. NicolasLoole表示:

    https://gabapentin.auction/# neurontin gabapentin

  7. In 1834, Faraday found the quantitative connection between corrosion weight loss and electric current and thus laid the foundation for the long run utility of cathodic protection.

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

  9. Hello there! I could have sworn I’ve visited this website before but after looking at a few of the posts I realized it’s new to me. Nonetheless, I’m certainly pleased I found it and I’ll be bookmarking it and checking back frequently!

  10. You can even enhance the consolation stage of dwelling by using custom fitted wardrobes in your bedroom.

  11. Individuals when used spiders with their webs and some other bugs used to say howdy from behind the wardrobes.

  12. tehu 資産表示:

    This consists of Hornady’s Tap Urban, using a fifty five to 60-grain V-Max and Federals TRU 223, which makes use of the Sierra GameKing 55-grain Hollow Point Boat-Tail.

  13. Stevenjaw表示:

    https://stromectol.agency/# stromectol tablets 3 mg
    cheap zithromax pills

  14. Matthewweind表示:

    stromectol ebay: stromectol best price – minocycline 50 mg otc

  15. This makes the P3000 a viable choice if cash is a bit tight and also you can’t afford the other guns on this listing.

  16. John labored for Arbo’s Towing and Restore, in Waterville, sustaining many trucks for different companies in town.

  17. But the buyer providers generated from these applied sciences – initially reserved for the enjoyment of a rich elite – have been secondary to the providers they offered inside the inner, deliberate economy of industrial corporations.

  18. The idea of a strong restoration has the additional enchantment that it has become almost axiomatic that there be a robust recovery after every down-swing in the enterprise cycle.

  19. Red Boost表示:

    I am extremely impressed with your writing skills and also with the layout on your blog.

    Is this a paid theme or did you customize it yourself?
    Anyway keep up the nice quality writing, it is
    rare to see a great blog like this one today.

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

  21. RobertJah表示:

    Для качественного ремонта духовки на дому обращайтесь к нам – быстро и надежно https://remont-dukhovok-spb.ru/

  22. The joint analysis effort’s main conclusions are summarized by Buch and Goldberg (2017).

  23. Ремонт телефонов表示:

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

  24. Our huge vary of handcrafted home decoratives and ethnic present items are fabricated from premium quality material and are preferred by our clients.

  25. cpt とは表示:

    At those instances, it will be higher to build your own furnishings as you wish.

  26. Gorgeous 6 bedroom/5.5 bathroom conventional home in situated Sarah Smith ES.

  27. Тут делают продвижение разработка сайт медицинской клиники продвижение сайта медицинского центра

  28. Тут делают продвижение создание медицинского сайта создание медицинского сайта

  29. NicolasLoole表示:

    https://semaglutide.win/# buy rybelsus

  30. Ruched, suede ankle-size footwear in tan and darkish are glorious buys for this season.

發佈留言

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