網頁圖示的製作方式

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

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

  1. Malcolmseern表示:

    Betrouwbare online apotheek zonder recept ApotheekMax Online apotheek Nederland met recept

  2. Michaeltor表示:

    Kamagra Gel: Kamagra Oral Jelly – Kamagra kaufen ohne Rezept

  3. Michaeltor表示:

    kamagra: Kamagra kaufen ohne Rezept – Kamagra online bestellen

  4. Nutzen Sie Cashback-System und genießen Sie sichere Transaktionen .

  5. In recent years, the world of online betting has been undergoing significant changes, offering users a diverse array of gaming experiences.
    Cutting-edge services give gamblers the ability to immerse
    themselves in the adrenaline rush of betting from the
    comfort of their own space. Breakthroughs in gaming software, enhanced
    gaming dynamics, and mobile compatibility have greatly increased the possibilities.

    The diverse selection of game types caters to different preferences.
    Some gamblers enjoy timeless reel games with vibrant graphics
    and exciting promotional features, while others choose raffle-style games
    and casino classics that involve skill and calculation. The athletic event gambling and virtual sports scene have also become increasingly sought after, appealing to both experienced
    gamblers and first-time users.

    Bonus programs remain a key aspect of the market. Sign-up bonuses https://teamvishal.in/2025/03/26/betrouwbaar-online-casino-met-breed-spelaanbod-75/ ,
    cost-free reel spins, refund incentives, and VIP rewards motivate players to stay engaged.
    Competition among platforms pushes the creation of exclusive deals that enhance the gaming
    experience.

    Modern technology guarantees ease of use and protection. Fast-loading
    platforms, mobile-friendly designs, and safe deposit and withdrawal options
    ensure seamless user experiences.

    For a rewarding online gambling journey, it is crucial to select reputable sites, evaluating
    site legitimacy, promotional fairness, and player feedback.
    A responsible approach helps players maximize enjoyment while minimizing potential
    risks.

    The online gambling industry keeps advancing,
    offering fresh ways to play. Breakthroughs
    in digital gambling, enhanced interactive elements, and secure transaction methods broaden its reach and thrill for gamblers from all corners of the world.

  6. It’s appropriate time to make a few plans for the future and it’s time to be happy.

    I have read this post and if I may I desire to recommend you some attention-grabbing issues or suggestions.

    Maybe you can write subsequent articles relating to this
    article. I desire to read even more issues about it!

  7. Get access to wide selection of slots and enjoy secure transactions .

  8. Hello this is kind of of off topic but I was wondering if blogs use WYSIWYG editors or if you have
    to manually code with HTML. I’m starting a blog soon but have no coding expertise so I
    wanted to get advice from someone with experience.
    Any help would be enormously appreciated!

  9. Почніть грати та заробляйте легко.
    Mostbet Україна

  10. Algo Blaze表示:

    Wonderful, what a blog it is! This weblog presents useful information to us, keep it up.

  11. Mostbet România – oportunitate unică pentru
    utilizarea aplicației mobile tuturor pasionaților. mostbet cazinoului

  12. Sanora表示:

    Мобилдик тиркеме – коопсуз жана ишенимдүү.
    Mostbet в Кыргызстане (Sanora)

  13. Hey There. I found your blog using msn. This is an extremely well
    written article. I’ll make sure to bookmark it and return to read
    more of your useful information. Thanks for the post.

    I will certainly return.

  14. Исследуйте мир на sofisimo.com, здесь вы найдете.
    Не пропустите возможности, которые предлагает sofisimo.com, узнавая.
    sofisimo.com – ключ к вашему развитию, новые перспективы.
    sofisimo.com – остров знаний, каждый найдет.
    Узнайте, как sofisimo.com может помочь вам, вместе с нами.
    sofisimo.com – площадка для общения, где.
    sofisimo.com – это источник креативности, ценит.
    sofisimo.com – ваша платформа для успеха, узнайте.
    Откройте для себя мир sofisimo.com, развиваться.
    Погружение в sofisimo.com – ваш путь к успеху, чему-то новому.
    sofisimo.com: уникальный контент для всех, вы найдете.
    Пользуйтесь ресурсами sofisimo.com каждый день, учиться.
    sofisimo.com – свяжитесь с единомышленниками, всегда актуальны.
    sofisimo.com – ключ к вашему успеху, двигаться вперед.
    sofisimo.com: ваш путь к знаниям, который.
    sofisimo.com – это ваша платформа, это для каждого.
    Станьте частью sofisimo.com сегодня, вы найдете свое место.
    sofisimo.com – ваш путеводитель в мире знаний, вдохновение не заканчивается.
    sofisimo.com – это ваш источник идей, научиться чему-то новому.
    muebles para libros muebles para libros .

  15. Derekgroum表示:

    Kamagra Original: Kamagra Oral Jelly kaufen – Kamagra Gel

  16. Добро пожаловать на sofisimo.com, интересную информацию.
    Погрузитесь в уникальный контент sofisimo.com, обсуждая.
    sofisimo.com – ключ к вашему развитию, открывая.
    sofisimo.com – остров знаний, что-то новое.
    Узнайте, как sofisimo.com может помочь вам, находя новые знания.
    Общайтесь, учитесь и развивайтесь на sofisimo.com, делиться опытом.
    Платформа sofisimo.com наполнена вдохновением, инновации.
    sofisimo.com помогает вам расти, исследуйте.
    sofisimo.com для любителей знаний, где.
    sofisimo.com: соединение знаний и практики, чему-то новому.
    Проведите время с пользой на sofisimo.com, что.
    sofisimo.com – это ваш надежный партнер, развиваться.
    Поговорите с нами на sofisimo.com, где.
    sofisimo.com – ключ к вашему успеху, двигаться вперед.
    sofisimo.com: ваш путь к знаниям, который.
    sofisimo.com – это ваша платформа, ключ к успеху для каждого.
    sofisimo.com ждет вас, где.
    Собирайте идеи на sofisimo.com, вдохновение не заканчивается.
    sofisimo.com – платформа для инноваций, каждый может.
    sofisimo.com https://sofisimo.com/ .

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

  18. HomerFaw表示:

    https://apotheekmax.com/# Apotheek online bestellen

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

  20. Michaeltor表示:

    Kamagra online bestellen: kamagra – Kamagra Original

  21. Derekgroum表示:

    Kamagra Oral Jelly kaufen: Kamagra Gel – kamagra

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

  23. Malcolmseern表示:

    Online apotheek Nederland met recept Online apotheek Nederland met recept online apotheek

  24. bookmarked!!, I like your website!

  25. Malcolmseern表示:

    Apoteket online Apoteket online Apotek hemleverans idag

  26. Louislen表示:

    http://apotheekmax.com/# Apotheek Max

  27. Выбор трактора важный шаг для сельскохозяйственного производства

  28. HomerFaw表示:

    https://apotheekmax.shop/# de online drogist kortingscode

  29. HomerFaw表示:

    https://apotheekmax.com/# Online apotheek Nederland zonder recept

  30. RobertAffor表示:

    Услуги по аренде техники и перевозке грузов от Строительно-коммерческой компании МИТ

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

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

    Быстрота выполнения:
    Гарантированная доставка техники в двухчасовой срок
    Круглосуточное дежурство ремонтных бригад
    Наличие собственного парка эвакуаторов

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

    Технические характеристики доступной техники:

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

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

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

    Ключевые преимущества:
    Только новая техника актуальных моделей
    Комплексное документационное обеспечение
    Система работы с НДС и гибкие условия оплаты
    Гарантированная страховка объектов
    Собственный штат опытных водителей-операторов

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

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

發佈留言

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