在不降低质量的情况下增加图像大小 - JS

Question

我正在使用 electron 制作一个获取应用程序图标的应用程序。 所以我使用app.getFileIcon()来获取图标并使用icon.toDataURL()并将图像 url 与事件传递给 index.html

它工作正常，但是当我增加图像的大小时，它变得模糊，因为app.getFileIcon()的图标的最大大小只能是 32px（或 MacOs 或 linux 中的 48）

这是它的样子（在身高增加之前）

身高增加后

主.js

const { app, BrowserWindow, ipcMain, shell } = require('electron')
const path = require('path');
const { writeFileSync } = require('fs');

let win

function createWindow () {
  // Create the browser window.
  win = new BrowserWindow({
    width: 800,
    height: 600,
    webPreferences: {
      nodeIntegration: true,
      enableRemoteModule: true,
    }
  })

  win.loadFile('public/index.html')
}

app.whenReady().then(createWindow)

// Get File Icons ------------------------------------------------

const filePath = path.normalize("C:\\Users\\hamid\\Desktop\\DualTouch\\NordVPN.lnk");
const realPath = shell.readShortcutLink(filePath).target

app.getFileIcon(realPath).then(icon => {

  const ImgUrl = icon.toDataURL()
  ipcMain.on('ImgUrl-request', (event)=>{
    event.sender.send('ImgUrl-reply', ImgUrl)
  })
  writeFileSync('icon.png', icon.toPNG())

}).catch(err => console.log(err))

索引.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>DualTouch</title>
</head>
<body>
  <div id="app"></div>

  <script src="assets/js/app.js"></script>
  <script>
  const { ipcRenderer } = require('electron')

  ipcRenderer.send('ImgUrl-request');

  ipcRenderer.on('ImgUrl-reply', function (event, args) {
    document.write(`<img src='${args}' />`)
  });
  </script>
</body>
</html>

图标 Url

Answer 1

可悲的是，图像大小与质量（即图像像素的曝光）成反比。 因此，为了获得更高的质量，我建议您获得具有更多像素和更高分辨率的图像。

Answer 2

您无法向不存在的图像添加信息，但现在有一些非常好的升级器，尤其是基于 AI 的图像。

例如访问这个网站 -> https://bigjpg.com/我能够将你的图像放大到这样 ->

快速搜索用于 AI 升级的工具会显示https://github.com/topics/upscaling ，所以也许这些选项之一可能有用。

在不降低质量的情况下增加图像大小 - JS

问题描述

2 个解决方案

解决方案1
1 2020-08-04 10:34:03

解决方案2
0 已采纳 2020-08-04 10:50:34

在不降低质量的情况下增加图像大小 - JS

问题描述

2 个解决方案

解决方案1 1 2020-08-04 10:34:03

解决方案2 0 已采纳 2020-08-04 10:50:34

解决方案1
1 2020-08-04 10:34:03

解决方案2
0 已采纳 2020-08-04 10:50:34