Mezzanine--網頁Title加入Logo(icon)

Posted by: bart30508 | in Mezzanine | 11 months ago |

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
Currently unrated
 or 

Subscribe

* indicates required

Recent Posts

Archive

2022
2021

Categories

Apache 1

Data Science 2

Dbfit 1

Design Pattern 1

Devops 3

DigitalOcean 1

Django 1

English 3

Excel 5

Flask 3

Git 1

HackMD 1

Heroku 1

Html/Css 1

Linux 4

Machine Learning 2

Manufacture 1

Mezzanine 18

Oracle 1

Postgresql 7

PowerBI 4

Powershell 4

Python 21

SEO 2

SQL Server 51

SQLite 1

Windows 1

database 8

work-experience 1

其他 1

自我成長 1

資料工程 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

bart30508 (146)

Feeds

RSS / Atom

Mezzanine--網頁Title加入Logo(icon)

© COPYRIGHT 2011-2022. Max的文藝復興. ALL RIGHT RESERVED.