桌面图标icon 网站图标 锯齿模糊不清晰问题

合格的icon图标都是需要多个尺寸png生成一个icon文件的，系统根据缩放的大小，显示ico文件中的不同尺寸的图像

锯齿不清晰问题一般都是你的icon文件只包含了一个尺寸的png图像

需要试用专门的icon生成工具生成，配置：

const options = {
  report: true,
  ico: {
    name: 'app',
    sizes: [16, 24, 32, 48, 64, 128, 256]
  },
  icns: {
    name: 'app',
    sizes: [16, 32, 64, 128, 256, 512, 1024]
  },
  favicon: {
    name: 'favicon-',
    pngSizes: [32, 57, 72, 96, 120, 128, 144, 152, 195, 228],
    icoSizes: [16, 24, 32, 48, 64]
  }
}

分享在线制作工具

https://redketchup.io/icon-converter