webp vs. png for fabric background

main.js

@@ -6,13 +6,12 @@ process.env.ELECTRON_DISABLE_SECURITY_WARNINGS = "true";
 
 function createWindow() {
 	const win = new BrowserWindow({
-		show: false, // window is hidden
-		width: 1200,
-		height: 800,
-		webPreferences: {
-		nodeIntegration: true,
-		contextIsolation: false,
-		icon: path.join(__dirname, '_', 'fabric.png')
+			show: false, // window is hidden
+			width: 1200,
+			height: 800,
+			webPreferences: {
+			nodeIntegration: true,
+			contextIsolation: false
 		}
 	});
 	win.loadFile(path.join(__dirname, 'index.html'));

ui/public/index.html

@@ -9,7 +9,7 @@
 
       body {
         font-size: 16px;
-        background-image: url("/_/images/fabric.png");
+        background-image: url("/_/images/fabric.webp");
         background-size: 33vw auto; /* width height of each tile */
       }
     </style>