Mezzanine--網頁Title加入Logo(icon)
我們在瀏覽網站時，時常可以看到網頁的網址列上附有該品牌或是該公司企業的logo圖示，那麼該如何才能將icon加上去呢？
1.將圖片轉成ico格式，然後命名為favicon.ico，尺寸設16X16px，因為只是放在title上，占的範圍很小，所以圖檔不宜過大。
有不少將png、jpg等圖檔線上轉成ico的網站，可以直接將圖片上傳轉檔。 png轉ico：https://www.convertico.com/ 原始圖片支援jpg、png、gif：http://tw.faviconico.org/
之後再將圖片放在網站的static/img目錄下。
2.在base.html的head>中加入以下
`<link rel="shortcut icon" href="{% static "img/favicon-20210529102716364.ico" %}">`
原始base就有, 只要替換名稱就好
圖片名稱不一定要取favicon.ico，可以自由命名。
建議使用ico檔案，因為相較於png、jpg等圖片，ico在瀏覽器的支援度更廣。
參考來源: https://www.webdesigns.com.tw/webdesign_favicon.asp https://twweeb.org/shortcut-icon/
tags: Mezzanine Frontend
Share on Twitter
Share on Facebook
Recent Posts
Archive
2023
2022
2021
Categories
SQL Server Analytics Service 1
Tags
SEO(1) Github(2) Title Tag(2) ML(1) 李宏毅(1) SQL Server(18) Tempdb(1) SSMS(1) Windows(1) 自我成長(2) Excel(1) python Flask(1) python(5) Flask(2)
Authors
Max Chen (159)