electron 打包exe图标异常问题

最新推荐文章于 2023-07-29 13:19:29 发布
最新推荐文章于 2023-07-29 13:19:29 发布
阅读量4.5k 收藏 3
点赞数 1
分类专栏： electron node 文章标签： electron打包exe图标异常
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/naisi2422553065/article/details/97371665
版权

electron打包exe图标异常

我们都知道 在使用electron 打包成exe的时候使用的是使用 ico 来打包 官方推荐大小是 256*256  但是我是我们应用的时候发现图标并不能正确的显示 如下:

404

为此我打开了electron的官方图标 用 icoFX 打开一看 原来使用的 ico是类似于 俄罗斯套娃的存在 展开是 256*256 128*128 64*64 32*32 16*16的

404

为此我们做ico图的时候也是需要做成类似的格式的 所以我们可以用png图 在网上在线生成一个256*256的图 然后使用icoFX 或者其他的软件 生成以上格式的ico

404

点击上图的按钮 根据提示新建成标准格式

为此完成

按键伤人啊
关注
  • 1
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
专栏目录
electron打包应用logo及名称更改
w_ziShan的博客
06-28 2598
应用图标 ico必须是源文件格式ico，尺寸256*256 **并注意路径一定要正确。
electron打包exe图标icon不生效的解决办法
ningxn的博客
07-02 4189
electron打包成exe图标不生效的解决办法
electron图标问题
denl0918的博客
05-23 969
windows上图标未更换。图标已经换了，但新打出的包或是安装后的 exe 图标没有更换。这个时候可以右击你的exe或是安装包点属性，看看图标是否正常，如果这里的图标正常，那其实就是成功的了。主要原因是因为 windows 图标缓存机制导致的，其实就不用管了，但看着不爽的话，可以清除系统的图标缓存。 清理方式： ie4uinit -show ...
electron打包exe应用程序设置应用图标
hansen
11-19 4732
electron打包exe应用程序设置应用图标 1、复制下面代码到package.json即可 { "name": "FoxChat", "version": "1.0.0", "description": "", "main": "main.js", "scripts": { "test": "echo \"Error: no test specified\" && exit 1", "start": "electron .", "build":
electron修改vue项目打包后的exe图标
xi1213的博客
03-06 4675
vue用electron打包点击这里 安装electron-icon-builder 添加图标生成器：npm i electron-icon-builder 生成图标 1、在package.json的scripts中添加一条命令并保存： “electron:generate-icons”: “electron-icon-builder --input=./public/icon.png --output=build --flatten” 2、将你准备的图片命名为icon.png并复制到public目录下
Electron Vue 打包后视频无法播放
Mystery2020的博客
09-28 1792
Electron Vue 打包后视频无法播放
关于electron-vue打包后静态视频文件无法正常加载的问题解决方法
weixin_46168584的博客
09-11 1916
最近在使用electron-builder构建vue项目的时候发现在生产模式下视频可以正常加载并显示，但是一旦打包到开发环境下，视频就读取不出来了，控制台也并没有报错 一开始博主以为是路径问题，在将路径更改为绝对路径后无果，查阅中文官方文档发现有__static这个全局变量，使用无果，最后重点来了，我翻阅到electron-builder的英文官方文档，发现上面赫然写到： electron-builder无法在生产环境下加载静态视频文件，但是！ 可以通过两种途径解决这一问题，第一是使用electron
electron 改变窗体 大小_一分钟学会使用electron将现有vue项目打包为exe桌面端应用...
weixin_39845113的博客
11-21 984
前言最近有个项目前期是用vue开发的，开发完成之后，客户提了一个新需求，我能不能不在浏览器中打开呢？能不能直接在电脑桌面上打开呢？瞬间脑瓜子嗡嗡的。但是顾客就是上帝，必须得响应响应，作为一个资深的CV程序员，怎么可能闭门造车自己撸代码呢！！！网上一顿狂搜之后，发现了electron这个好东西。通过它可以直接将现有的vue项目打包成exe文件。友情提示，文末有福利！！！使用electron...
electron打包window应用.exe文件demo
11-30
这个"electron打包window应用.exe文件demo"是关于如何利用Electron将项目转化为Windows平台可执行文件（.exe）的教程。下面我们将深入探讨这个过程，以及涉及到的关键知识点。 首先，你需要了解Electron的基本结构...
electron 打包exe文件
02-15
本教程将详细讲解如何使用 Electron 打包成 `.exe` 文件，以便在 Windows 系统上运行。 首先，`Electron v12.2.3-win32-x64.zip` 是 Electron 框架的一个版本，适用于 Windows x64 平台。这个版本包含了运行 ...
vue-admin-element+Electron打包exe可执行文件(输出为dist文件夹即可)
最新发布
04-24
在标题和描述中提到的“vue-admin-element+Electron打包exe可执行文件”，意味着开发者正在尝试将基于Vue.js和Element UI的管理后台应用与Electron结合，打包成Windows平台的.exe可执行文件。这个过程通常是为了将...
Electron打包exe桌面应用教程
03-21
ELectron开发-编写-运行-打包 最后使用NSIS打包成exe安装包完整详细教程
electron-packager打包exe.rar
11-28
Electron Packager是一款强大的工具，用于将Electron应用打包成可执行文件，如Windows下的.exe，Mac OS的.app，以及Linux的.deb或.rpm等。这个"electron-packager打包exe.rar"文件，显然包含了使用Electron Packager...
electron项目打包部分问题总结
YWwXxx的博客
07-29 450
electron-builder打包中遇到的问题，主要问题有：1.打包后白屏 2.使用pnpm导致打包依赖不全
electron：1.video 标签加载大视频时，可能会遇到内存限制的问题而只显示音频
weixin_49015558的博客
07-18 1228
在 Electron 中，video 标签在加载大视频文件时，可能会遇到内存限制的问题而只显示音频。这是因为 Electron 默认情况下使用了 Chromium 的内存限制策略，对于大视频文件，它会尝试加载并播放音频，但限制视频的加载以节省内存。
vue+electron打包成桌面应用以及遇到的一些问题（白屏）
a1783118的博客
11-04 5782
vue+electron打包成桌面应用以及遇到的一些问题（白屏）
vue+electron-builder打包桌面应用程序，改变桌面图标和程序左上角图标显示不全的问题
m0_58185754的博客
08-01 2999
vue+electron-builder打包桌面应用程序，改变桌面图标和程序左上角图标显示不全的问题
使用Electron将html网页转为exe可执行文件(全屏, 遮住任务栏, Esc退出, exe的图标/文件名修改)
weixin_42960873的博客
11-19 1229
下载源码: https://github.com/electron/electron-quick-start cd electron-quick-start npm install -g cnpm --registry=https://registry.npm.taobao.org cnpm install -g electron npm start
electron 打包图标
08-29
要为 Electron 应用程序设置打包图标，你需要进行以下步骤： 1. 准备图标文件：准备一个 PNG 或 ICO 格式的图标文件。对于 Windows，建议使用 ICO 格式的图标文件，因为它支持多种尺寸的图标。对于 macOS 和 Linux，PNG 格式的图标文件即可。 2. 在项目根目录下的 `package.json` 文件中，添加一个 `build` 配置项，并在其中指定图标文件的路径。例如，对于 Windows 和 Linux，可以这样配置： ```json "build": { "win": { "icon": "path/to/icon.ico" }, "linux": { "icon": "path/to/icon.png" } } ``` 对于 macOS，图标文件的路径是自动推断的，因此不需要特别指定。 3. 确保你已经安装了打包工具 `electron-builder`。如果没有安装，可以运行以下命令进行安装： ``` npm install electron-builder --save-dev ``` 4. 运行 Electron 打包命令。根据你的操作系统，运行对应的命令： - Windows： ``` npx electron-builder build --win ``` - macOS： ``` npx electron-builder build --mac ``` - Linux： ``` npx electron-builder build --linux ``` 这将使用 `electron-builder` 进行打包，并将图标文件应用到生成的可执行文件中。 完成上述步骤后，你的 Electron 应用程序将使用指定的图标进行打包。注意，对于某些操作系统和打包方式，可能需要安装额外的依赖或进行其他配置。详细信息可以参考 `electron-builder` 的文档。
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值