目錄

1. 圖片基本要求

2.?在main.js中配置icon 位置

?3. 在package.json 中配置icon 位置

4. 問(wèn)題：左上角圖片 開(kāi)發(fā)環(huán)境下顯示，生產(chǎn)環(huán)境下不顯示? ??

---

1. 圖片基本要求

? ? ? 圖片格式為ico，圖片像素像素為256*256；

? ? ? ?將ico文件放在public 中（位置自選）。

ps:使用 WPS 把png/jpg等格式轉(zhuǎn)換成ico,同時(shí)設(shè)置轉(zhuǎn)換的尺寸。?

2.?在main.js中配置icon 位置

3. 在package.json 中配置icon 位置

配置好后就可以直接打包測(cè)試了。

---

4. 問(wèn)題：左上角圖片 開(kāi)發(fā)環(huán)境下顯示，生產(chǎn)環(huán)境下不顯示? ??

解決方法：

png圖片轉(zhuǎn)換成ico時(shí)，輸出尺寸 要全選，不能只選擇256*256的。

解釋一下為什么要全選？

????????原因：一個(gè)ico文件實(shí)際上是多張不同尺寸圖片的集合體，根據(jù)應(yīng)用場(chǎng)景的不同自動(dòng)選擇合適的圖片格式。

參考文檔：

electron 左上角圖標(biāo) dev(開(kāi)發(fā)環(huán)境)可顯示 build(打包)后無(wú)法顯示_electron左上角圖標(biāo)-CSDN博客

重新打包測(cè)試：