網頁圖示的製作方式

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

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

28,999 Responses

  1. Trenterone表示:

    п»їbest mexican online pharmacies: medication from mexico pharmacy – Agb Mexico Pharm

  2. Udatif表示:

    order motilium pill – order flexeril 15mg generic flexeril online

  3. WilliamGrisy表示:

    USDT娛樂城
    Maispin——2025年最新USDT娛樂城,安全、快速、刺激!
    歡迎來到 Maispin,2025年最具潛力的新秀 USDT娛樂城!在這裡,您只需提供 錢包地址 即可註冊,無需繁瑣的個人資訊,享受 安全、匿名、快速 的遊戲體驗。Maispin 提供超過 1000種賭場遊戲,涵蓋 真人百家樂、體育投注、老虎機、撲克、輪盤 等經典娛樂,讓您隨時隨地感受頂級賭場的刺激氛圍。我們與世界知名遊戲供應商合作,確保遊戲 公平公正,並提供高額彩金、獎勵活動,讓玩家輕鬆贏大獎!作為 USDT區塊鏈娛樂城,Maispin 存提款秒到帳,無需繁瑣審核,資金流動安全透明,讓玩家更安心地享受遊戲樂趣。立即加入 M宇宙,體驗前所未有的加密娛樂新潮流!

  4. Trenterone表示:

    cheap canadian pharmacy: canadian world pharmacy – reputable canadian online pharmacies

  5. ChesterFus表示:

    global pharmacy canada: go canada pharm – canadian pharmacy store

  6. MatthewTek表示:

    https://wwwindiapharm.shop/# www india pharm

  7. bokep hijab表示:

    I really love your blog.. Excellent colors & theme.
    Did you build this website yourself? Please reply back as I’m
    wanting to create my own personal site and would
    love to learn where you got this from or what the theme
    is called. Thanks!

  8. I get pleasure from, lead to I discovered just what
    I was having a look for. You have ended my 4 day long hunt!
    God Bless you man. Have a nice day. Bye

  9. Cazrrcp表示:

    Добрый день!
    Мы можем предложить дипломы любой профессии по приятным ценам. Цена будет зависеть от конкретной специальности, года выпуска и образовательного учреждения: diplomanruss.com/

  10. I have read so many content about the blogger lovers
    but this post is really a fastidious article,
    keep it up.

  11. Cazrtwo表示:

    Добрый день!
    Без университета очень трудно было продвинуться по карьере. Сегодня же этот документ не дает совершенно никаких гарантий, что удастся получить престижную работу. Намного более важны профессиональные навыки специалиста и его опыт работы. Поэтому решение о покупке диплома следует считать выгодным и рациональным. Заказать диплом любого ВУЗа lizwhitney85.copiny.com/question/details/id/1052694

  12. SLOT表示:

    สล็อต เว็บนี้บริการดีมากๆ แถมแตกง่ายอีก

  13. Uazrdfw表示:

    Доброго времени суток!
    Для некоторых людей, заказать диплом университета – это необходимость, уникальный шанс получить отличную работу. Но для кого-то – это понятное желание не терять время на учебу в универе. Что бы ни толкнуло вас на это решение, мы готовы помочь. Оперативно, качественно и по доступной цене сделаем документ любого ВУЗа и года выпуска на подлинных бланках с реальными печатями.
    Ключевая причина, почему многие люди покупают документ, – желание занять определенную работу. Предположим, знания позволяют кандидату устроиться на работу, но документального подтверждения квалификации нет. Если работодателю важно присутствие “корочек”, риск потерять вакантное место довольно высокий.
    Приобрести документ университета вы можете в нашей компании в столице. Мы предлагаем документы об окончании любых ВУЗов РФ. Вы сможете получить необходимый диплом по любой специальности, любого года выпуска, в том числе документы Советского Союза. Даем 100% гарантию, что в случае проверки документов работодателями, каких-либо подозрений не возникнет.
    Ситуаций, которые вынуждают заказать диплом о среднем образовании достаточно. Кому-то срочно необходима работа, в итоге необходимо произвести впечатление на руководителя при собеседовании. Некоторые желают попасть в престижную компанию, чтобы повысить свой статус в обществе и в последующем начать свой бизнес. Чтобы не терять время, а сразу начать удачную карьеру, используя врожденные таланты и приобретенные знания, можно приобрести диплом прямо в интернете. Вы сможете стать полезным в социуме, получите денежную стабильность быстро и легко- диплом о среднем образовании купить

  14. MatthewTek表示:

    http://gocanadapharm.com/# real canadian pharmacy

  15. SLOT表示:

    สล็อต ใครอยากได้กำไร ต้องเว็บนี้เท่านั้น!

  16. Interesting blog! Is your theme custom made or did you
    download it from somewhere? A theme like yours with a few simple tweeks would really make my blog
    shine. Please let me know where you got your theme. Thanks

  17. It’s very straightforward to find out any matter on net as compared to textbooks, as I found this piece
    of writing at this web page.

  18. RobertPaync表示:

    www india pharm www india pharm www india pharm

  19. RobertPaync表示:

    www india pharm www india pharm www india pharm

  20. I like what you guys tend to be up too. Such clever work and coverage!
    Keep up the amazing works guys I’ve incorporated you guys to my own blogroll.

  21. ChesterFus表示:

    www india pharm: Online medicine order – www india pharm

  22. ChesterFus表示:

    canadian medications: GoCanadaPharm – canadian pharmacy tampa

  23. SLOT表示:

    สล็อต เล่นได้ทั้งมือถือและคอม สะดวกมาก

  24. Trenterone表示:

    Agb Mexico Pharm: Agb Mexico Pharm – Agb Mexico Pharm

  25. I visited various sites except the audio quality for audio songs current at this site is in fact fabulous.

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

  27. Everyone loves it when people get together and share views.
    Great site, keep it up!

  28. аренда шатров в москве аренда шатров в москве .

發佈留言

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