網頁圖示的製作方式

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

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

9,812 Responses

  1. kontol besar表示:

    Excellent article. I absolutely appreciate this website. Keep writing!

  2. Lazrhqf表示:

    Добрый день!
    Где заказать диплом по нужной специальности?
    Приобрести диплом о высшем образовании.
    k90280ul.beget.tech/2024/07/04/shirokiy-katalog-dokumentov-v-populyarnom-onlayn-magazine.html

  3. Uazrxby表示:

    Привет, друзья!
    Заказать диплом любого университета.
    o97765bq.beget.tech/2024/07/08/attestaty-diplomy-i-sertifikaty-v-znamenitom-magazine.html

  4. ngentot表示:

    You are so interesting! I don’t suppose I’ve truly read through a single thing like this before. So great to discover someone with some original thoughts on this subject matter. Really.. thanks for starting this up. This website is one thing that’s needed on the web, someone with a bit of originality.

  5. Mazrzgt表示:

    Здравствуйте!
    Купить диплом о среднем полном образовании, в чем подвох и как избежать обмана?
    worldgonews.ru/diplomyi-ot-luchshih-vuzov

  6. WilliamDeeli表示:

    Добрый день!
    Мы предлагаем быстро и выгодно купить диплом, который выполнен на оригинальном бланке и заверен мокрыми печатями, штампами, подписями. Наш документ способен пройти лубую проверку, даже при использовании профессиональных приборов. Достигайте свои цели быстро с нашим сервисом.
    mockwacom.getbb.ru/viewtopic.php?f=11&t=1728&p=2364#p2364
    Успешной учебы!

  7. Manryca表示:

    Добрый день!
    Где заказать диплом по актуальной специальности?
    Мы готовы предложить документы институтов, расположенных в любом регионе России. Можно купить качественный диплом от любого ВУЗа, за любой год, указав необходимую специальность и оценки за все дисциплины. Дипломы выпускаются на “правильной” бумаге высшего качества. Это дает возможности делать настоящие дипломы, которые невозможно отличить от оригиналов. Они будут заверены необходимыми печатями и штампами.
    Мы изготавливаем дипломы любой профессии по приятным тарифам.
    ast-diplomas24.ru/kupit-diplom-magistra
    Рады оказать помощь!

  8. Eanrapa表示:

    Привет, друзья!
    Мы изготавливаем дипломы психологов, юристов, экономистов и прочих профессий по приятным ценам.
    talktai.com/read-blog/1618_kak-vybrat-nadezhnyj-internet-magazin-chto-realizuet-dokumenty.html?mode=day

  9. Danrdos表示:

    Добрый день!
    Где приобрести диплом специалиста?
    Мы предлагаем дипломы любых профессий по приятным ценам. Стоимость может зависеть от выбранной специальности, года выпуска и образовательного учреждения. Всегда стараемся поддерживать для покупателей адекватную политику тарифов. Важно, чтобы дипломы были доступны для подавляющей массы граждан.
    Для вас готовы предложить дипломы любой профессии по доступным тарифам.
    followgrown.com/read-blog/2580_ishem-nadezhnyj-magazin-s-attestatami-i-diplomami.html?mode=night
    Поможем вам всегда!.

  10. Sazrnjg表示:

    Здравствуйте!
    Как официально купить аттестат 11 класса с упрощенным обучением в Москве
    tyachiv.ukraine7.com/t21120-topic#39099
    Рады оказаться полезными!.

  11. 성주출장섹스마사지表示:

    https://film35.tistory.com/427

  12. Xazrksw表示:

    Привет!
    Заказать диплом ВУЗа
    landik-diploms-srednee.ru/kupit-diplom-volgograd В 
    Удачи!

  13. I truly love your site.. Great colors & theme. Did you develop this site yourself? Please reply back as I’m wanting to create my own personal blog and want to know where you got this from or exactly what the theme is named. Thank you.

  14. Dnrtsap表示:

    Привет, друзья!
    Заказать документ о получении высшего образования можно у нас в столице.
    diploms-x24.ru/kupit-diplom-moskva
    Удачи!

  15. tonic greens表示:

    I’m gone to convey my little brother, that he should also pay a
    quick visit this weblog on regular basis to take updated from most recent
    gossip.

    Check out my blog tonic greens

  16. Uazrfxb表示:

    Привет!
    Где заказать диплом по нужной специальности?
    bvf.ru/forum/showthread.php?p=25249385#post25249385
    Хорошей учебы!

  17. You’ve given me a lot to reflect on.백링크 사이트

  18. Qazraps表示:

    Привет, друзья!
    Сколько стоит диплом высшего и среднего образования и как его получить?.
    Приобрести диплом о высшем образовании.
    koveclub.ru/index.php?/gallery/image/200-%D0%B7%D0%B0%D0%BA%D0%B0%D0%B7%D1%8B%D0%B2%D0%B0%D0%B5%D0%BC-%D0%B4%D0%BE%D0%BA%D1%83%D0%BC%D0%B5%D0%BD%D1%82%D1%8B-%D0%B2-%D0%BB%D1%83%D1%87%D1%88%D0%B5%D0%BC-%D0%BC%D0%B0%D0%B3%D0%B0%D0%B7%D0%B8%D0%BD%D0%B5-%D0%BF%D0%BE-%D0%BA%D0%BE%D0%BC%D1%84%D0%BE%D1%80%D1%82%D0%BD%D0%BE%D0%B9-%D1%86%D0%B5%D0%BD%D0%B5/

  19. Yrefntx表示:

    Привет!
    Купить диплом о высшем образовании.
    free-forex-ua.blogspot.com/2011/05/blog-post_22.html?m=1
    Успешной учебы!

  20. WilliamDeeli表示:

    Привет, друзья!
    Наши специалисты предлагают быстро и выгодно купить диплом, который выполнен на оригинальном бланке и заверен мокрыми печатями, штампами, подписями. Данный диплом пройдет лубую проверку, даже с использованием специфических приборов. Решите свои задачи быстро с нашими дипломами.
    ekra.kz/index.php?subaction=userinfo&user=oducafyby
    Успехов в учебе!

  21. Mazrucf表示:

    Привет!
    Купить документ университета можно в нашей компании. Мы оказываем услуги по производству и продаже документов об окончании любых университетов РФ. Вы сможете получить необходимый диплом по любым специальностям, любого года выпуска, в том числе документы СССР. Гарантируем, что в случае проверки документов работодателями, подозрений не появится.
    Мы изготавливаем дипломы любой профессии по выгодным ценам. Стоимость будет зависеть от выбранной специальности, года получения и образовательного учреждения. Всегда стараемся поддерживать для заказчиков адекватную ценовую политику. Для нас важно, чтобы дипломы были доступны для большинства граждан.
    jashihysixae.fotosdefrases.com/rassirennoe-opisanie-zakaza-diploma-v-popularnom-internet-magazine
    Всегда вам поможем!

  22. The primary profit that comes from wearing considered one of these trackers is
    the motivation iit provides you.

    my weeb site – joker เกมยิงปลา

  23. Manrefr表示:

    Добрый день!
    Где приобрести диплом по необходимой специальности?
    Мы предлагаем документы ВУЗов, которые расположены в любом регионе России. Можно купить качественный диплом за любой год, указав актуальную специальность и оценки за все дисциплины. Дипломы печатаются на “правильной” бумаге самого высшего качества. Это позволяет делать государственные дипломы, которые не отличить от оригинала. Они заверяются всеми необходимыми печатями и штампами.
    Мы можем предложить дипломы любой профессии по приятным ценам.
    asxdiplomik24.ru/kupit-diplom-omsk
    Рады помочь!

  24. Razrlsq表示:

    Привет!
    Наш сервис предлагает заказать диплом высокого качества, неотличимый от оригинала без использования дорогостоящего оборудования и квалифицированного специалиста.
    forumjizni.ru/member.php?u=121029
    Хорошей учебы!

  25. Phillipscomo表示:

    Jude Bellingham https://real-madrid.jude-bellingham-ar.com a young and talented English footballer, has enjoyed great success with Real Madrid since his arrival.

  26. Excellent web site you have got here.. It’s difficult to find high-quality writing like yours nowadays. I truly appreciate people like you! Take care!!

  27. Andrewrew表示:

    Jackie Chan https://karate-kid.jackiechan-ar.com was born in 1954 in Hong Kong under the name Chan Kong San.

發佈留言

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