本帖是参考了 sitepoiont 的这篇文章 《quick tip: add favicons quickly and easily to your html》 ，补充一些个人的一点意见。下面来看看如何利用 real favicon generator 这个网站制作favicon。
打开 Real Favicon Generator 进入网站之后，点击右边的上传按钮即可上传准备用来制作 favicon 的图片，该图片有以下要求：
这里我用了一张神烦狗的照片。
成功上传之后，页面跳转到生成 favicon 的界面，在这里可以自动生成 iOS、Android、Safari、Windows 等多种样式的favicon，具体还可以调整细节。
立即学习“前端免费学习笔记（深入）”；
在 favicon 生成选项里还有一些选项，我建议修改一下路径，还有一个压缩图片的也很实用。
一切设置好之后，点击生成 favicon按钮，就大功告成了。
生成 favicon 之后页面会跳转到使用向导。想在你的网站上使用，你可以这么做，以在 HTML5 页面中使用为例：
利用 Real Favicon Generator 可以很方便的批量生成 favicon，适合我们在PC、手机、平板的多种浏览器中查看，是不是很方便快捷？
HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
745
收藏
