網頁圖示的製作方式

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

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

  1. TerryDus表示:

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

  2. Dwayneseisa表示:

    Generic 100mg Easy Generic 100mg Easy buy generic 100mg viagra online

  3. Very good info. Lucky me I came across your website
    by chance (stumbleupon). I’ve book marked it for later!

  4. Kennethslity表示:

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

  5. Kennethslity表示:

    https://kamagrakopen.pro/# Kamagra Kopen

  6. web page表示:

    I know this if off topic but I’m looking into starting my own weblog and
    was curious what all is needed to get setup? I’m assuming having a
    blog like yours would cost a pretty penny? I’m not very
    web smart so I’m not 100% sure. Any recommendations or advice would be greatly appreciated.
    Kudos

  7. WilliamNop表示:

    cialis without a doctor prescription: Buy Cialis online – Buy Tadalafil 5mg

  8. GregoryJough表示:

    Kamagra Kopen Online: kamagra jelly kopen – kamagra jelly kopen

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

  10. PENIPU ONLINE表示:

    of course like your web-site but you have to take a look at the spelling on quite
    a few of your posts. Many of them are rife with spelling problems and I find it very troublesome
    to inform the reality however I will definitely come back again.

  11. WilliamNop表示:

    Buy Tadalafil 20mg: cialis without a doctor prescription – TadalafilEasyBuy.com

  12. GregoryJough表示:

    kamagra jelly kopen: kamagra 100mg kopen – KamagraKopen.pro

  13. I needed to thank you for this excellent read!!
    I definitely enjoyed every little bit of it. I’ve got you saved as a favorite to
    check out new things you post…

  14. This is a great article!

  15. TerryDus表示:

    https://generic100mgeasy.com/# sildenafil 50 mg price

  16. Helpful info. Fortunate me I found your website accidentally,
    and I’m surprised why this twist of fate did not took place in advance!

    I bookmarked it.

  17. WilliamNop表示:

    Generic Cialis price: TadalafilEasyBuy.com – TadalafilEasyBuy.com

  18. It’s really a cool and useful piece of info. I am happy that you simply
    shared this helpful info with us. Please stay us informed like this.

    Thanks for sharing.

  19. Hi colleagues, how is the whole thing, and what you want to say regarding this paragraph,
    in my view its genuinely amazing for me.

  20. Hey I know this is off topic but I was wondering if you knew of any widgets I could add to my blog that automatically tweet my newest twitter updates.
    I’ve been looking for a plug-in like this for quite some time and was hoping maybe you would have some experience with
    something like this. Please let me know if you run into anything.
    I truly enjoy reading your blog and I look forward to your new updates.

  21. web site表示:

    Приветствуем вас на нашем
    веб-сайте! Здесь вы найдёте всё необходимое для успешного управления своими финансами.
    Мы предлагаем широкий спектр финансовых продуктов, которые помогут вам достичь ваших
    целей и обеспечить стабильность в
    будущем.
    В нашем ассортименте представлены различные виды банковских продуктов, инвестиции, страхование, кредиты и многое
    другое. Мы постоянно обновляем нашу базу
    данных, чтобы вы всегда были в курсе последних тенденций и инноваций на финансовом
    рынке.
    Наши специалисты помогут вам
    выбрать наиболее подходящий продукт, учитывая ваши индивидуальные потребности и предпочтения.
    Мы предоставляем консультации и рекомендации, чтобы вы
    могли принять обоснованное решение и избежать возможных рисков.

    Не упустите возможность воспользоваться нашими услугами и откройте для себя
    мир финансовых возможностей!

    Заходите на наш сайт, ознакомьтесь с каталогом продуктов и начните свой путь
    к финансовой стабильности прямо сейчас!

    займ взять

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

  23. This piece of writing will assist the internet people for setting up new webpage or
    even a blog from start to end.

  24. GregoryJough表示:

    Kamagra Kopen: Kamagra – kamagra pillen kopen

  25. 1xbet_bvPi表示:

    Погрузитесь в азарт с 1xbet, зарегистрироваться.

    Добро пожаловать в мир ставок с 1xbet, эксклюзивные бонусы.

    Получите бонусы на первую ставку с 1xbet, акции.

    1xbet – идеальное место для спортивных ставок, от ставок.

    Лайв-ставки с 1xbet – это захватывающе, вы всегда на шаг впереди.

    1xbet предлагает широкую линейку ставок, свои стратегии.

    1xbet – это выбор на любой вкус, от футбола до тенниса.

    Смотрите матчи в режиме реального времени с 1xbet, сделайте вашу ставку.

    Быстрые выводы выигрышей с 1xbet, действуйте быстро.

    Обзоры и прогнозы на 1xbet, будьте всегда на шаг впереди.

    1xbet – это безопасность и надежность, это важно.

    Промокоды и специальные предложения на 1xbet, максимизируйте свой выигрыш.

    1xbet – ваш надежный партнер в мире беттинга, выберите правильный путь.

    Получите помощь в любое время на 1xbet, мы рядом, чтобы помочь.

    Регулярные турниры и конкурсы на 1xbet, будьте в курсе событий.

    Ставьте в любое время и в любом месте с 1xbet, сделайте ставки на ходу.

    Дайте себе преимущества с 1xbet, это умная игра.

    Станьте частью 1xbet быстро и легко, доступ к азарту.

    1xbet – это азарт, который ждет вас, попробуйте свои силы.

    1xbet – это место для настоящих игроков, ставьте с умом.
    1xbet ????? ????? 1xbet ????? ????? .

  26. Your profession truthful location is one among crucial decisions you’ll make concerning your event.

  27. 1xbet_woPi表示:

    1xbet – лучший выбор для ставок, зарегистрироваться.

    Добро пожаловать в мир ставок с 1xbet, в индустрии.

    Уникальные бонусы от 1xbet, промоакции.

    1xbet – идеальное место для спортивных ставок, от ставок.

    Присоединяйтесь к 1xbet для живых ставок, ваши шансы на выигрыш увеличиваются.

    1xbet предлагает широкую линейку ставок, и будьте на коне.

    На 1xbet найдётся ставку для каждого, от спорта до киберспорта.

    1xbet дарит вам возможность следить за играми, наслаждайтесь просмотром.

    Деньги на вашем счете с 1xbet за считанные минуты, открывайте возможности.

    Получите инсайдерскую информацию с 1xbet, будьте всегда на шаг впереди.

    Ставьте с уверенностью на 1xbet, это важно.

    Скидки и бонусы только для вас с 1xbet, получайте больше от каждой ставки.

    Ставьте смело с 1xbet, выберите 1xbet для своей игры.

    1xbet – поддержка, когда она нужна, никогда не оставайтесь в одиночестве.

    Участвуйте в конкурсах и выигрывайте с 1xbet, будьте в курсе событий.

    1xbet в вашем кармане, удобно и быстро.

    Ставьте на основе данных с 1xbet, анализируйте каждый шаг.

    Станьте частью 1xbet быстро и легко, приступайте к ставкам.

    Откройте новый уровень азартных игр с 1xbet, реализуйте свои мечты.

    Заходите на 1xbet для эксклюзивных предложений, ваш шанс на успех.
    1xbet x https://1xbet-login-egypt.com/ .

  28. link表示:

    As interest in alternative therapies

  29. Kennethslity表示:

    http://tadalafileasybuy.com/# Tadalafil Tablet

發佈留言

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