javascript - vscode显示图像和我的电子APP显示图像不同在哪里？

Question

我有一个大约 30MB 的大 BMP 图像。
在我自己的电子应用程序中，我显示图像的步骤是：

1. fs.从本地磁盘读取图像
2. 在这些步骤中渲染 img 几乎需要 5 秒。

在 vscode 中，显示同一张图片的时间成本不到 1 秒。那么，如何降低电子APP中图像显示的时间成本呢？

我的电子APP信息：

由 electron-vue 构建 Electron:^2.0.4

更新 2021.02.05
感谢关注，我提供了这个问题的一些背景信息。
我如何从本地磁盘读取图像：

 async displayImg() {                
            let filePath = path.join(this.folderPath, this.selectedFile.filename)
            let fileData = await fs.readFileSync(filePath)
            let base64Image = new Buffer(fileData, 'binary').toString('base64')
            let imgData = "data:image/jpeg;base64," + base64Image;
            this.$refs.targetImg.src = imgData
        },

标签： javascriptelectron