title: where is the different vscode display image and my electron APP display image?
body: <p>I have a large BMP image about 30MB.<br />
  In my own electron APP, the step I display the image is :</p>
  <ol>
  <li>fs.read  the image from local disk</li>
  <li>render the img in 
  those steps almost cost 5 seconds.</li>
  </ol>
  <p>In vscode, the time cost of display the same image is less than 1 second.
  So, how can I reduce the time cost of image display in my electron APP?</p>
  <p>My electron APP information:</p>
  <blockquote>
  <p>Build by electron-vue Electron:^2.0.4</p>
  </blockquote>
  <p>update 2021.02.05<br />
  thanks for attention, i supply some context of this question.<br />
  How did I read image from local disk:</p>
  <pre><code> 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 = &quot;data:image/jpeg;base64,&quot; + base64Image;
              this.$refs.targetImg.src = imgData
          },
  </code></pre>