Electron设置窗口图标、设置桌面快捷方式图标

一、前言

在开发一款桌面应用时,设置窗口图标和桌面快捷方式图标是两个必须的需求。下面来看看我基于Electron开发的实际项目中是如何配置最终实现了这个需求吧。

二、实现设置窗口图标和桌面快捷方式图标

1、准备好你的Icon图标

要得到一个icon图标十分简单,你需要有一张目标图标的png格式图片,然后找一个可以免费在线转换icon图标的网站转换下载即可,这里我提供一个我用过的很不错的在线转换工具:在线转换icon图标工具
在这里插入图片描述

这里需要说明一下,有的童鞋可能在纠结转换成多大的图标才可以呢?
我的快捷方式图标尺寸是256×256,不过64×64、128×128的都行,建议快捷方式的图标不要尺寸太秀珍。
那么窗口图标可以使用多大的呢?经过我的尝试,20×20、32×32、64×64的都可以正常显示,窗口图标和桌面快捷方式图标可以使用同一个尺寸的,也就是最大256×256。我的窗口图标选用的是20×20的。

2、代码配置

由于Electron中这两个图标是分开配置的,所以由两个地方需要进行配置。分别是:
01、package.json中,这里配置的是控制打包后的桌面快捷方式的图标:

"build": {
    &
  • 9
    点赞
  • 31
    收藏
    觉得还不错? 一键收藏
  • 14
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 14
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值