網頁圖示的製作方式

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

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

  1. Dwayneseisa表示:

    cialis without a doctor prescription TadalafilEasyBuy.com cialis without a doctor prescription

  2. Dwayneseisa表示:

    Kamagra kamagra 100mg kopen kamagra jelly kopen

  3. Williamuniot表示:

    пин ап казино зеркало – пин ап казино официальный сайт

  4. RobertAffor表示:

    аренда строительной техники

    Аренда спецтехники и грузоперевозки от СК МИТ

    Находясь в Москве на Озерковском переулке, 12, компания предоставляет всеобъемлющие услуги для задач строительства и перевозок. Готовность оперативно реагировать на заявки обеспечивается парком парком современной техники численностью свыше 150 единиц, каждая из которых проходит регулярное ТО.

    Преимущества сотрудничества:

    Быстрота выполнения:
    Подача спецтехники в течение 2 часов после оформления заказа
    Круглосуточное дежурство ремонтных бригад
    Наличие собственного парка эвакуаторов

    Экономическая эффективность:
    Четко установленные цены без праздничных надбавок
    Система скидок до 20% при долгосрочной аренде
    Точечный учет времени эксплуатации

    Параметры предлагаемой спецтехники:

    Манипуляторы:
    Возможность подъема грузов весом 3-12 тонн
    Длина стрелы до 22 метров
    Срок прибытия техники – 2 часа

    Экскаваторы-погрузчики:
    Глубина копания до 6.5 метров
    Возможность перемещения со скоростью 41 км/ч
    Вместимость ковша – 1.3 кубометра

    Грузовой транспорт:
    Диапазон грузоподъемности 0.5-20 тонн
    Вместимость кузова 2-92 м?
    Универсальная система погрузки

    Основные достоинства:
    Парк техники не старше 2021 года выпуска
    Полное документальное сопровождение согласно законодательству РФ
    Налогообложение с учетом НДС и отсрочка платежа
    Страховое покрытие каждого груза и единицы техники
    Собственный штат опытных водителей-операторов

    Польза от работы с нами:
    Экономия времени за счет сокращения простоев 40%
    100% работоспособность техники
    Финансовая выгода 30% против содержания техники
    Четкое документальное подтверждение всех работ

    Логистическая служба прорабатывает оптимальные маршруты доставки техники, с оформлением всех необходимых разрешений. Индивидуальный куратор ведет каждый заказ.

  5. Fabian表示:

    Hola! I’ve been reading your blog for a long time now and finally got the bravery
    to go ahead and give you a shout out from
    New Caney Tx! Just wanted to tell you keep up the great job!

  6. RobertAffor表示:

    аренда строительной техники

    Спецтехника и логистические решения от СК МИТ

    Располагаясь в Москве на Озерковском переулке, 12, компания предоставляет комплексные решения для задач строительства и перевозок. Способность моментально реагировать на заявки обеспечивается парком более 150 единиц техники, каждая из которых проходит профилактический осмотр.

    Особенности предоставления услуг:

    Скорость работы:
    Гарантированная доставка техники в двухчасовой срок
    Постоянное наличие аварийных бригад круглые сутки
    Возможность доставки техники собственными эвакуаторами

    Экономическая эффективность:
    Четко установленные цены без праздничных надбавок
    Программа лояльности с экономией до 20%
    Возможность поминутной оплаты при краткосрочном использовании

    Характеристики парка оборудования:

    Автокраны:
    Диапазон грузоподъемности 3-12 тонн
    Максимальная длина манипуляторной стрелы – 22 метра
    Срок прибытия техники – 2 часа

    Землеройная техника:
    Возможность копания на глубину 6.5 метров
    Возможность перемещения со скоростью 41 км/ч
    Объем ковша максимальный 1.3 м?

    Грузовые автомобили:
    Грузоподъемность от 0.5 до 20 тонн
    Грузовой объем в пределах 2-92 кубометров
    Возможность погрузки со всех сторон

    Основные достоинства:
    Только новая техника актуальных моделей
    Комплексное документационное обеспечение
    Система работы с НДС и гибкие условия оплаты
    Страховое покрытие каждого груза и единицы техники
    Профессиональные машинисты и водители

    Польза от работы с нами:
    Уменьшение простоев строительства на 40%
    Гарантированная исправность оборудования
    Экономия до 30% бюджета по сравнению с содержанием собственного парка
    Полный комплект исполнительной документации

    Специалисты по логистике разрабатывают лучшие маршруты, с обязательным учетом требований ГИБДД. Персональный менеджер контролирует выполнение каждого проекта.

  7. Modesta表示:

    You actually make it seem so easy with your presentation but I
    find this topic to be actually something that I think I
    would never understand. It seems too complicated and extremely broad for me.
    I am looking forward for your next post, I will try
    to get the hang of it!

  8. JesseDex表示:

    пин ап: https://pinupkz.life/

  9. Williamuniot表示:

    пин ап – пин ап вход

  10. JesseDex表示:

    pinup 2025: https://pinupkz.life/

  11. This is a great article!

  12. Jamesavata表示:

    pinup 2025 – пин ап вход

  13. atlas123 rtp表示:

    Atlas123 Slot Gacor Mudah Menang Modal Receh

  14. Jamesavata表示:

    пин ап зеркало – pinup 2025

  15. JesseDex表示:

    пин ап зеркало: https://pinupkz.life/

  16. Greetings! Very useful advice within this post!
    It’s the little changes which will make the most important changes.
    Many thanks for sharing!

  17. Williamuniot表示:

    пин ап казино официальный сайт – пин ап казино официальный сайт

  18. Dwayneseisa表示:

    kamagra gel kopen kamagra gel kopen kamagra 100mg kopen

  19. SLOT表示:

    เว็บสล็อตวอเลท สายปั่นต้องโดน เว็บนี้ของจริง

  20. Williamuniot表示:

    пинап казино – пинап казино

  21. Situs Penipu表示:

    Heya i am for the first time here. I came across this board and I in finding It truly useful & it helped me out
    much. I hope to offer something again and aid others like you
    aided me.

  22. Cassie表示:

    Good post. I learn something new and challenging on websites
    I stumbleupon every day. It’s always helpful to read articles from other writers and practice something from their sites.

  23. JesseDex表示:

    пин ап: https://pinupkz.life/

  24. JesseDex表示:

    пин ап казино официальный сайт: https://pinupkz.life/

  25. Sabina表示:

    Hey very interesting blog!

  26. sex trẻ em表示:

    Wonderful blog you have here but I was curious about if you
    knew of any community forums that cover the same topics talked about in this article?
    I’d really like to be a part of online community where
    I can get suggestions from other experienced individuals that share the same
    interest. If you have any suggestions, please
    let me know. Thanks a lot!

  27. Reuben表示:

    Exceptional post but I was wondering if you could write a
    litte more on this topic? I’d be very thankful if you could elaborate a little bit more.
    Bless you!

  28. Dwayneseisa表示:

    Generic 100mg Easy Generic 100mg Easy Buy Viagra online cheap

  29. Dwayneseisa表示:

    best price for viagra 100mg Generic 100mg Easy Generic 100mg Easy

發佈留言

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