Mac 系统使用 iconutil 生成 App 图标
2024-07-24
341 字约 2 分钟
...缘由
打包 Mac App 时需要用到 .icns 图标,本文记录制作该文件的过程。
以前制作 Windows 系统 App 用到的 .ico 图标文件,是通过 easyicon-convert 转换 png 文件得到。因此第一想到的也是此网站制作,一顿操作后,把获得的 .icns 文件放到项目中打包,发现得到的应用显示系统默认的图标,打包失败。
制作过程
-
准备 png 文件(示例中是
logo.png,分辨率 1024 * 1024) -
同级目录新建文件夹
icons.iconset -
终端执行命令:
sips -z 16 16 logo.png --out icons.iconset/icon_16x16.png sips -z 32 32 logo.png --out icons.iconset/icon_16x16@2x.png sips -z 32 32 logo.png --out icons.iconset/icon_32x32.png sips -z 64 64 logo.png --out icons.iconset/icon_32x32@2x.png sips -z 128 128 logo.png --out icons.iconset/icon_128x128.png sips -z 256 256 logo.png --out icons.iconset/icon_128x128@2x.png sips -z 256 256 logo.png --out icons.iconset/icon_256x256.png sips -z 512 512 logo.png --out icons.iconset/icon_256x256@2x.png sips -z 512 512 logo.png --out icons.iconset/icon_512x512.png sips -z 1024 1024 logo.png --out icons.iconset/icon_512x512@2x.png -
终端执行命令
iconutil -c icns icons.iconset -o icon.icns
得到的 icon.icns 即为可用的应用图标。
说明
-
通过
man sips可以查看sips命令的介绍和使用说明:图片处理工具,可以得到对应尺寸的图片This tool is used to query or modify raster image files and ColorSync ICC profiles. sips \[image-modification-functions\] imagefile ... \[--out result-file-or-dir\] -
通过
man iconutil可以查看iconutil的介绍和使用说明:将多个图片打包成.icns文件iconutil converts between '.iconset' and '.icns' files. iconutil -c {icns | iconset} \[-o file\] file -
打开得到的
.icns文件,可以发现的确是由多张图片 “打包” 而成:
参考
如果您觉得这篇文章有帮助,请点个赞吧~
相关文章
更多文章 →electron2025-03-05
不依赖第三方库自己实现 Electron 的主与渲染进程的国际化功能
正文 直接贴出代码: 主进程实现 首先需要在 文件中获取当前系统的语言,然后初始化国际化相关: 文件: 文件 然后在主进程中就可以通过 来实现国际化了。 渲染进程的实现 App 在启动的时候渲染进程已经执行了国际化的初始化,所以在主进程已经保存了一份当前语言的 信息,所以渲染进程就不需要进程这一步,直接从主进程获取即可。 主进程进程添加一个 事件,供渲染进程获取国际化相关数据: 首先我们要在 preload 中提前将国际化相关的信息写入...
学习
electron2025-03-05
应用多开,限制只启动一个应用,防止多个实例
通过app.requestSingleInstanceLock来控制应用的多开,返回值为boolean。 此方法的返回值表示你的应用程序实例是否成功取得了锁。如果它取得锁失败,你可以假设另一个应用实例已经取得了锁并且仍旧在运行,并立即退出。 即:如果当前进程是应用程序的主要实例,则此方法返回true,同时你的应用会继续运行。如果当它返回false,如果你的程序没有取得锁,它应该立刻退出,并且将参数发送给那个已经取到锁的进程。 在macO...
学习
electron2024-09-23
Electron实现文件缓存背景
背景 基于Electron研发的一款IM企业通信桌面端应用,会存在非常多文件、图片、视频类型回话消息。在Electron应用(桌面客户端软件)中,快速加载并显示图片是提升用户体验的关键。然而,传统的图片加载方式往往存在加载速度慢、资源占用高等问题,影响了用户的使用体验。 解决的问题 1. 支持自定义配置存储的磁盘位置 2. 支持长期存储 3. 支持自定义存储大小 4. 支持自定义存储类型(如图片、视频、文件,或者更细致化到MIME) 5...
学习
electron2024-09-23
我的 Electron 客户端也可以全量和增量更新了
前言 本文主要介绍 客户端应用的自动更新,包括全量和增量这两种方式。 全量更新: 运行新的安装包,安装目录所有资源覆盖式更新。 增量更新: 只更新修改的部分,通常是渲染进程和主进程文件。 本文并没有拿真实项目来举例子,而是起一个 新的项目 从 0 到 1 来实现自动更新。 如果已有的项目需要支持该功能,借鉴本文的主要步骤即可。 前置说明: 1. 由于业务场景的限制,本文介绍的更新仅支持 操作系统,其余操作系统未作兼容处理。 2. 更新流...
学习
electron2024-09-20
我的 Electron 客户端被第三方页面入侵了
问题描述 公司有个内部项目是用 来开发的,有个功能需要像浏览器一样加载第三方站点。 本来一切安好,但是某天打开某个站点的链接,导致 整个客户端直接变成了该站点的页面 。 这一看就是该站点做了特殊的处理,经排查网页源码后,果然发现了有这么一句代码。 翻译一下就是:如果当前窗口不是顶级窗口的话,将当前窗口设置为顶级窗口。 奇怪的是两者不是 跨域 了吗,为什么 还可以影响顶级窗口。 先说一下我当时的一些解决办法: 1. 用 替换 2. 给 添...
学习
electron2024-09-13
Electron+WebRTC实现局域网内的远程控制软件
我的工位上有一台笔记本(windows),一个显示器,一台服务器(linux)。显示器同时连接笔记本和服务器,当需要用到服务器的时候:1.使用todesk等软件进行连接;2.直接把显示器切换到服务器桌面,然后给服务器插上鼠标键盘。在这种场景下,屏幕画面的传输对我来说并不是必要的,这种场景下能不能用一套键鼠控制两个电脑呢?边做边学便有了这个小工具。记录下来,其中遇到的问题和解决方案。 通过electron + Vue + primevue...
学习
评论
请登录后发表评论
去登录