给Edge浏览器安装的Web应用替换图标-macOS

巨硬的Edge浏览器(Chromium内核)支持把任何网页安装成本地应用,单独的窗口使用起来非常方便,也没有其他操作按钮的干扰。但是很多网站安装为App后,存在图标模糊、直角、设计差的情况,与macOS App的图标风格质量格格不入,因此本文介绍如何替换Web应用图标。

  1. 打开Web应用,右击Dock栏的图标,如图选项。
    给Edge浏览器安装的Web应用替换图标-macOS
  2. 选中App,右击→显示包内容。
    给Edge浏览器安装的Web应用替换图标-macOS
  3. 打开Contents→Resources,可以看到一个名为app.icns的文件,此文件即为应用的图标。
  4. 如果你想在源文件上修改,可以使用“预览”打开原来的app.icns,导出第一张分辨率最高的图(png格式)。如果您有直接可用的图,可以直接替换原来的app.icns。
    给Edge浏览器安装的Web应用替换图标-macOS
  5. 使用Sketch、PS、Figma等软件修改导出的png为你喜欢的样子。
  6. 使用CloudConvert把png图片转换为icns格式,网址:https://cloudconvert.com/png-to-icns
    给Edge浏览器安装的Web应用替换图标-macOS
  7. 得到的icns文件替换原来的app.icns即可,短时间内电脑上的图标可能不会立刻变化,稍作等待或尝试重启App和电脑即可。