[HTML]利用RealFaviconGenerator制作favicon_html/css
來源：懂視網
責編：小采
時間：2020-11-27 16:30:18
[HTML]利用RealFaviconGenerator制作favicon_html/css
[HTML]利用RealFaviconGenerator制作favicon_html/css_WEB-ITnose:本帖是參考了 sitepoiont 的這篇文章 《Quick Tip: Add Favicons Quickly and Easily to Your HTML》 ，補充一些個人的一點意見。下面來看看如何利用 Real Favicon Generator 這個網站制作favicon。 上傳圖片 打開 Real Fa
導讀[HTML]利用RealFaviconGenerator制作favicon_html/css_WEB-ITnose:本帖是參考了 sitepoiont 的這篇文章 《Quick Tip: Add Favicons Quickly and Easily to Your HTML》 ，補充一些個人的一點意見。下面來看看如何利用 Real Favicon Generator 這個網站制作favicon。 上傳圖片 打開 Real Fa
本帖是參考了 sitepoiont 的這篇文章 《Quick Tip: Add Favicons Quickly and Easily to Your HTML》 ，補充一些個人的一點意見。下面來看看如何利用 Real Favicon Generator 這個網站制作favicon。
上傳圖片
打開 Real Favicon Generator 進入網站之后，點擊右邊的上傳按鈕即可上傳準備用來制作 favicon 的圖片，該圖片有以下要求：
- 可以是 PNG JPG SVG 等格式
- 至少是 70X70 像素
- 要想有最棒的效果，建議像素在 260X260以上
這里我用了一張神煩狗的照片。
生成 favicon
成功上傳之后，頁面跳轉到生成 favicon 的界面，在這里可以自動生成 iOS、Android、Safari、Windows 等多種樣式的favicon，具體還可以調整細節。
在 favicon 生成選項里還有一些選項，我建議修改一下路徑，還有一個壓縮圖片的也很實用。
一切設置好之后，點擊生成 favicon按鈕，就大功告成了。
使用 favicon
生成 favicon 之后頁面會跳轉到使用向導。想在你的網站上使用，你可以這么做，以在 HTML5 頁面中使用為例：
- 首先下載生成的 favicon 包
- 解壓到你的網站目錄下
- 將生成的代碼插進網頁 標簽里
結論
利用 Real Favicon Generator 可以很方便的批量生成 favicon，適合我們在PC、手機、平板的多種瀏覽器中查看，是不是很方便快捷？
聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
[HTML]利用RealFaviconGenerator制作favicon_html/css
[HTML]利用RealFaviconGenerator制作favicon_html/css_WEB-ITnose:本帖是參考了 sitepoiont 的這篇文章 《Quick Tip: Add Favicons Quickly and Easily to Your HTML》 ，補充一些個人的一點意見。下面來看看如何利用 Real Favicon Generator 這個網站制作favicon。 上傳圖片 打開 Real Fa
