網頁圖示的製作方式

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

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

  1. StevenAlelm表示:

    Thai Company Directory https://thaicorporates.com List of companies and business information.

  2. Yrefkoa表示:

    Привет, друзья!
    Купить диплом о высшем образовании.
    toolsrepair.ru/forum/viewtopic.php?f=5&t=2928161
    Успехов в учебе!

  3. Timothybophy表示:

    Real Madrid’s https://spain.real-madrid-ar.com history goes back more than a century. The club was founded in 1902 by a group of football enthusiasts led by Juan Padilla

  4. Michaelvow表示:

    FC Bayern Munich (Munich) https://germany.bayern-munchen-ar.com is one of the most famous and recognized football clubs in Germany and Europe

  5. RandallHal表示:

    Arsenal https://england.arsenal-ar.com is one of the most famous and successful football clubs in the history of English football.

  6. MarionMus表示:

    Montenegro yacht charter rent a boat Montenegro

  7. Lazrsns表示:

    Добрый день!
    Купить диплом ВУЗа.
    xleks.ru/2024/07/04/shirokiy-katalog-dokumentov-v-znamenitom-internet-magazine.html

  8. essay writer表示:

    May I just say what a comfort to discover someone who truly knows what they are talking about online. You definitely realize how to bring a problem to light and make it important. More people ought to check this out and understand this side of the story. I was surprised you are not more popular because you surely possess the gift.

  9. Xazrfnb表示:

    Привет, друзья!
    Покупка диплома о среднем полном образовании: как избежать мошенничества?
    arusak-diploms-srednee.ru/kupit-diplom-v-nizhnem-novgorodeВ 

  10. Manrrsv表示:

    Здравствуйте!
    Купить документ о получении высшего образования
    diplomasx.com/kupit-diplom-sankt-peterburg

  11. Lazrgof表示:

    Привет, друзья!
    Приобрести диплом о высшем образовании.
    d91652pj.beget.tech/2024/07/04/kak-podyskat-proverennyy-onlayn-magazin-s-shirokim-vyborom-diplomov.html

  12. Diplomi_rhEa表示:

    какие дипломы можно купить diploms-x.com .

  13. Dnrtjye表示:

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

  14. Lariorgwf表示:

    Диплом вуза купить официально с упрощенным обучением в Москве
    diplomasx.com/kupit-diplom-ekaterinbur

  15. Greetings all! I had to tell you all about my newest passion – Kanye West’s posters. As a huge fan of Kanye’s work, I have been interested in his unique aesthetic.

    Recently, I found a few amazing posters that excellently showcase his legendary album covers. Ranging from *The College Dropout* to *My Beautiful Dark Twisted Fantasy*, these posters are not only aesthetic masterpieces but additionally function as a nod to Kanye’s growth as an musician.

    I decided to decorate my studio with some of these prints, and I can honestly say that they add a whole new atmosphere to the place. Every time I glance at them, I’m motivated by Kanye’s fearless creative genius.

    To anyone thinking about adding some Kanye West artworks for your room, I highly recommend checking out the wide range available. There are a plethora of options ready for you, whether you like minimalist styles or more abstract renditions.

    What’s great is that these prints function as fantastic presents for other Kanye enthusiasts. I got one for a buddy, and they couldn’t get enough of it. It’s a great option to express your admiration for Kanye’s music and bring a hint of his influence into your home.

    To sum up, if you appreciate Kanye’s artistry, without a doubt consider adding some Kanye West artwork. They are guaranteed to infuse a distinctive atmosphere to your room and stand as a regular inspiration of Kanye’s remarkable creative path. Enjoy decorating, everyone!

  16. Yrefnuj表示:

    Добрый день!
    Заказать диплом университета.
    telegra.ph/Poluchite-Oficialnyj-Diplom-Onlajn-06-18
    Удачи!

  17. Uazrlxf表示:

    Привет!
    Где приобрести диплом специалиста?
    vina-net.ru/

  18. Nice post. I learn something new and challenging on blogs I stumbleupon every day. It’s always exciting to read through articles from other writers and use a little something from their websites.

  19. KeithNak表示:

    FC Barcelona https://spain.fc-barcelona-ar.com is undoubtedly one of the most famous and well-known football clubs in the world.

  20. Lazrvmb表示:

    Привет, друзья!
    Мы изготавливаем дипломы психологов, юристов, экономистов и прочих профессий по выгодным ценам.
    lucsa.id/Купить-Проверенный-Диплом/

  21. Cazrlqx表示:

    Здравствуйте!
    Мы готовы предложить документы ВУЗов, которые находятся в любом регионе Российской Федерации. Вы можете купить диплом за любой год, включая сюда документы старого образца. Документы выпускаются на “правильной” бумаге высшего качества. Это дает возможность делать государственные дипломы, не отличимые от оригиналов. Документы заверяются всеми необходимыми печатями и подписями.
    vitz.ru/forums/index.php?autocom=gallery&req=si&img=3203

  22. Danrvtt表示:

    Привет, друзья!
    Мы изготавливаем дипломы психологов, юристов, экономистов и любых других профессий.
    worldavtonew.ru/ofitsialnyie-diplomyi-podlinnost-i-nadezhnost
    Рады оказаться полезными!.

  23. Josephnub表示:

    Al-Nasr Club https://saudi.al-hilal-ar.com from Riyadh has a rich history of success, but its growth has been particularly impressive in recent years.

  24. Michaelfug表示:

    Al-Ittihad https://saudi.al-ittihad-ar.com is one of the most famous football clubs in Saudi Arabia. Founded in 1927, the Saudi football giant has come a long way to the pinnacle of success.

  25. BrianMex表示:

    Al-Nasr https://saudi.al-nassr-ar.com is one of the most famous football teams in the Kingdom of Saudi Arabia.

  26. интернет магазин стройматериалов интернет магазин стройматериалов .

  27. FrankTog表示:

    Luis Suarez https://inter-miami.luis-suarez-ar.com the famous Uruguayan footballer, ended his brilliant career in European clubs and decided to try his hand at a new challenge – Major League Soccer.

發佈留言

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