如何制作网站的favicon

Favicon（FavoritesIcon的简称），中文叫网页图标，一般是各个网站的LOGO（如下图），起到宣传、吸睛的作用-醒目，易于视觉区分。对于没有网站图标的网站，浏览器会分配一个默认图标（例如Chrome中的灰色地球）。这个体验不是很好，那怎么弄呢？详细步骤：1.准备一张不小于260*260的正方形图片（.png/.jpg，透明/不透明）2.进入FaviconGenerator网站，点击“SelectyourFaviconimage”按钮3.选择步骤1准备好的图片（我准备了一张魔法棒的图片），上传成功后，点击对话框右下角的“Continuewiththispicture”按钮4，然后翻到页面最下方，点击“GenerateyourFaviconsandHTMLcode”按钮，接下来，耐心等待十多秒，直到出现“Faviconpackage”按钮。点击下载压缩包。5、压缩包解压后，会得到以下文件：6、将里面的文件放到你网站项目的favicon（新建一个）文件夹中，复制网页提供的代码（如下），粘贴到项目首页的标签中，注意所有引用路径：./favicon/xxx.ico。至此，普通网页（非单页应用）的Favicon制作结束注意：经过实验，在Vue.js项目中（上面的方法无效），只需要导入一个favicon.ico文件即可。将favicon.ico复制到Vue.js项目的src/static文件夹下，在index.html页面的标签中导入：build/webpack.dev.conf.js找到下图的代码块，添加一行代码：newHtmlWebpackPlugin({filename:'index.html',template:'index.html',inject:true,favicon:'./static/favicon.ico'//添加这一行！}),执行npmrundev重启项目，刷新页面，完成！