網頁圖示的製作方式

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

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

13,437 Responses

  1. классное порево видео http://www.klassny-sex.ru/ .

  2. RobertKnove表示:

    In recent years, the leading positions in the Spanish https://spanish-championship.laliga-ar.com championship have been firmly occupied by two major giants – Barcelona and Real Madrid.

  3. Bretttak表示:

    In the German football https://german-championship.bundesliga-football-ar.com championship known as the Bundesliga, rivalries between clubs have always been intense.

  4. Davidmab表示:

    The Italian football championship https://italian-championship.serie-a-ar.com known as Serie A, has seen an impressive revival in recent years.

  5. DonaldIsogy表示:

    The road to the Premier League https://english-championship.premier-league-ar.com begins long before a team gets promoted to the English Premier League for the first time

  6. GeorgeGailt表示:

    The golf https://arabic.golfclub-ar.com industry in the Arab world is growing rapidly, attracting players from all over the world.

  7. Lazrgsv表示:

    Привет!
    Мы можем предложить дипломы любой профессии по приятным тарифам.
    http://www.kikwit.alobi.cd/2024/06/30/купить-диплом-в-ессентуки/

  8. iptv表示:

    This is a great tip particularly to those new to the blogosphere. Brief but very accurate info… Thanks for sharing this one. A must read post.

  9. Cazrfpn表示:

    Привет, друзья!
    Мы готовы предложить документы техникумов, которые расположены на территории всей России. Вы сможете купить качественный диплом за любой год, указав актуальную специальность и хорошие оценки за все дисциплины. Дипломы и аттестаты печатаются на бумаге высшего качества. Это дает возможности делать настоящие дипломы, которые невозможно отличить от оригиналов. Документы будут заверены необходимыми печатями и подписями.
    biocenter.pro/club/blogs/sonnick84-blog-bc/pokupaem-dokumenty-v-izvestnom-internet-magazine-po-komfortnoy-tsene/

  10. iptv表示:

    This is the right webpage for everyone who really wants to find out about this topic. You understand a whole lot its almost tough to argue with you (not that I personally would want to…HaHa). You definitely put a new spin on a topic that has been written about for decades. Wonderful stuff, just wonderful.

  11. Sazrzwo表示:

    Привет!
    Сколько стоит диплом высшего и среднего образования и как его получить?
    behealthy.maxbb.ru/posting.php?mode=post&f=8
    Всегда вам поможем!

  12. Eanrkly表示:

    Добрый день!
    Мы можем предложить дипломы психологов, юристов, экономистов и любых других профессий по приятным ценам.
    http://www.anytalkworld.com/read-blog/6452_ishem-nadezhnyj-onlajn-magazin-s-diplomami.html

  13. kıbrıs gece hayatı – kıbrıs gece kulupleri

    hello!,I like your writing very so much! share we keep up a correspondence more approximately your
    article on AOL? I need an expert in this area to unravel my problem.
    Maybe that is you! Looking ahead to see you.

  14. Mazrwvz表示:

    Здравствуйте!
    Купить документ о получении высшего образования вы можете у нас в Москве. Мы предлагаем документы об окончании любых университетов России. Вы сможете получить диплом по любой специальности, включая документы Советского Союза. Даем 100% гарантию, что в случае проверки документа работодателями, подозрений не возникнет.
    Мы изготавливаем дипломы психологов, юристов, экономистов и любых других профессий по приятным ценам. Стоимость может зависеть от выбранной специальности, года выпуска и университета. Стараемся поддерживать для покупателей адекватную ценовую политику. Для нас очень важно, чтобы документы были доступны для большинства граждан.
    onlinekinofun.ru/diplom-po-vashemu-vyiboru-vasha-garantiya-uspeshnogo-budushhego
    Поможем вам всегда!

  15. iptv表示:

    An intriguing discussion is worth comment. I think that you ought to write more on this issue, it might not be a taboo subject but usually folks don’t speak about such topics. To the next! All the best.

  16. iptv表示:

    Pretty! This has been an incredibly wonderful post. Thanks for providing this information.

  17. Lazrtul表示:

    Здравствуйте!
    Приобрести диплом ВУЗа.
    a90275db.beget.tech/2024/07/04/kak-podobrat-proverennyy-magazin-s-ogromnym-katalogom-diplomov.html

  18. Dnrtsdd表示:

    Привет!
    Купить документ о получении высшего образования можно в нашей компании в столице.
    ast-diplom.com/kupit-diplom-nizhnij-novgorod
    Удачи!

  19. Diplomi_hoEa表示:

    Здравствуйте!
    Купить документ университета вы имеете возможность у нас в столице.
    diplomasx.com/kupit-diplom-specialista 

  20. Jeffreyovemi表示:

    Manny Pacquiao https://filipino-boxer.manny-pacquiao-ar.com is one of the most prominent boxers in the history of the sport.

  21. I wanted to thank you for this wonderful read!! I definitely enjoyed every bit of it. I’ve got you saved as a favorite to look at new stuff you post…

  22. HerbertMerge表示:

    Muhammad Ali https://american-boxer.muhammad-ali-ar.com is perhaps one of the most famous and greatest athletes in the history of boxing.

  23. KeithDup表示:

    Mike Tyson https://american-boxer.mike-tyson-ar.com one of the most famous and influential boxers in history, was born on June 30, 1966 in Brooklyn, New York.

  24. Vxegek表示:

    norfloxacin for sale – cheap noroxin without prescription confido order online

發佈留言

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