網頁圖示的製作方式

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

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

  1. Kennethslity表示:

    https://generic100mgeasy.shop/# buy generic 100mg viagra online

  2. Dwayneseisa表示:

    Generic 100mg Easy Generic 100mg Easy Generic 100mg Easy

  3. This is a great article!

  4. Dwayneseisa表示:

    Generic 100mg Easy Generic 100mg Easy Sildenafil 100mg price

  5. TerryDus表示:

    https://kamagrakopen.pro/# KamagraKopen.pro

  6. GregoryJough表示:

    kamagra pillen kopen: Kamagra Kopen – KamagraKopen.pro

  7. Добро пожаловать в Клубника Казино, где
    каждый игрок найдет для себя идеальные условия для выигрыша и наслаждения игрой.
    В Клубника Казино представлены самые популярные игровые автоматы, настольные
    игры и множество интересных live-игр с реальными дилерами.
    Каждая игра в нашем казино – это шанс выиграть, а безопасность и честность всегда на первом месте.

    Почему Clubnika бездепозитный бонус – лучший выбор для азартных игроков?
    В нашем казино каждый игрок может рассчитывать на щедрые бонусы, бесплатные спины и эксклюзивные предложения.
    Кроме того, мы обеспечиваем быстрые выводы средств и круглосуточную поддержку, чтобы
    вы могли сосредоточиться на игре.

    Когда стоит начать играть в Клубника Казино?

    Не теряйте времени – начните свою игровую карьеру
    прямо сейчас и получите щедрые бонусы на первый
    депозит. Вот что вас ждет:

    Воспользуйтесь щедрыми бонусами и бесплатными спинами,
    чтобы начать игру с преимуществом.

    Промо-акции и турниры с крупными призами.

    Регулярные обновления и новые игры каждый месяц.

    Клубника Казино – это идеальное место для тех, кто хочет играть и выигрывать. https://clubnika-casinonexus.space/

  8. WilliamNop表示:

    kamagra jelly kopen: Officiele Kamagra van Nederland – kamagra 100mg kopen

  9. WilliamNop表示:

    cialis without a doctor prescription: Tadalafil Easy Buy – Tadalafil Easy Buy

  10. GregoryJough表示:

    Buy Cialis online: Cheap Cialis – cialis without a doctor prescription

  11. This design is spectacular! You certainly know how to keep a reader amused.
    Between your wit and your videos, I was almost moved to start
    my own blog (well, almost…HaHa!) Excellent job. I really enjoyed
    what you had to say, and more than that, how you presented it.

    Too cool!

  12. GregoryJough表示:

    Generic 100mg Easy: Generic100mgEasy – Buy generic 100mg Viagra online

  13. Unlim Casino offers players the opportunity to experience the true
    pleasure of gambling. Here we offer a wide range slots, table
    games, as well as ongoing tournaments, which gives players a significant chance to improve
    their winning potential and adds a lot of excitement to the process.

    Unlim Casino is not just a place to play but also convenience for all
    users, whether you are playing from a mobile device or a computer.
    We guarantee daily expansion of the game selection and hosting of exciting
    tournament events.

    What makes us unique?

    Simple registration — just a few steps, and you’re ready to start playing.

    Generous bonuses for newcomers — we offer bonuses on your first deposit to start with a bigger chance
    of winning.

    Daily promotions and tournaments — for those who want to increase their chances
    of winning and additional prizes.

    Professional support is always ready to help with any questions regarding the gaming process.

    Many games available both on your computer and mobile devices.

    Don’t miss your chance Unlim Casino awaits you. Ready to win? https://unlim-casinomirage.world/

  14. WilliamNop表示:

    viagra canada: buy generic 100mg viagra online – buy generic 100mg viagra online

  15. TerryDus表示:

    https://kamagrakopen.pro/# Kamagra Kopen Online

  16. Kennethslity表示:

    http://generic100mgeasy.com/# buy generic 100mg viagra online

  17. These lightsabers had been ultimately destroyed by Darth Vader and Luke Skywalker, thus possibly erasing all data about Atrius himself.

  18. TerryDus表示:

    http://tadalafileasybuy.com/# Buy Tadalafil 10mg

  19. Kennethslity表示:

    https://generic100mgeasy.com/# Generic 100mg Easy

  20. SLOT表示:

    อธิบายได้ชัดเจนมากครับ สล็อตเว็บตรง เกี่ยวกับการเล่นสล็อต เหมาะกับมือใหม่แบบผมเลยครับ

  21. Kennethslity表示:

    https://kamagrakopen.pro/# kamagra pillen kopen

  22. Dwayneseisa表示:

    kamagra 100mg kopen Kamagra Kopen Online Officiele Kamagra van Nederland

  23. TerryDus表示:

    http://generic100mgeasy.com/# Generic100mgEasy

  24. GregoryJough表示:

    Kamagra Kopen: kamagra 100mg kopen – kamagra 100mg kopen

  25. It’s a shame you don’t have a donate button! I’d definitely donate to this excellent blog!
    I suppose for now i’ll settle for book-marking and adding your RSS feed to my Google account.
    I look forward to fresh updates and will share this blog with my Facebook group.
    Talk soon!

  26. PENIPU ONLINE表示:

    I used to be able to find good advice from your blog
    posts.

  27. esta usa visa表示:

    Excellent article. I am going through a few of
    these issues as well..

  28. I am really loving the theme/design of your weblog.
    Do you ever run into any internet browser compatibility issues?
    A small number of my blog audience have complained about my website
    not operating correctly in Explorer but looks great
    in Firefox. Do you have any solutions to help fix this problem?

  29. casino表示:

    Good article! We are linking to this great article on our site.
    Keep up the good writing.

  30. GregoryJough表示:

    Tadalafil Easy Buy: Cialis 20mg price – Buy Cialis online

發佈留言

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