diff --git a/interface/resources/html/help.html b/interface/resources/html/help.html
index 7df428ba0c..055b0000f4 100644
--- a/interface/resources/html/help.html
+++ b/interface/resources/html/help.html
@@ -48,20 +48,20 @@
         </style>
         <script>
             function showKbm() {
-                document.getElementById("main_image").setAttribute("src", "img/controls-help-keyboard.jpg");
+                document.getElementById("main_image").setAttribute("src", "img/controls-help-keyboard.png");
             }
             function showHandControllers() {
-                document.getElementById("main_image").setAttribute("src", "img/controls-help-vive.jpg");
+                document.getElementById("main_image").setAttribute("src", "img/controls-help-vive.png");
             }
             function showGameController() {
-                document.getElementById("main_image").setAttribute("src", "img/controls-help-gamepad.jpg");
+                document.getElementById("main_image").setAttribute("src", "img/controls-help-gamepad.png");
             }
         </script>
     </head>
 
     <body>
         <div id="image_area">
-            <img id="main_image" src="img/controls-help-keyboard.jpg"></img>
+            <img id="main_image" src="img/controls-help-keyboard.png"></img>
             <a href="#" id="kbm_button" onmousedown="showKbm()"></a>
             <a href="#" id="hand_controllers_button" onmousedown="showHandControllers()"></a>
             <a href="#" id="game_controller_button" onmousedown="showGameController()"></a>
diff --git a/interface/resources/html/img/controls-help-gamepad.jpg b/interface/resources/html/img/controls-help-gamepad.jpg
deleted file mode 100644
index 339e155f82..0000000000
Binary files a/interface/resources/html/img/controls-help-gamepad.jpg and /dev/null differ
diff --git a/interface/resources/html/img/controls-help-gamepad.png b/interface/resources/html/img/controls-help-gamepad.png
new file mode 100644
index 0000000000..b9c91c07e4
Binary files /dev/null and b/interface/resources/html/img/controls-help-gamepad.png differ
diff --git a/interface/resources/html/img/controls-help-keyboard.jpg b/interface/resources/html/img/controls-help-keyboard.jpg
deleted file mode 100644
index 7de9ae6d59..0000000000
Binary files a/interface/resources/html/img/controls-help-keyboard.jpg and /dev/null differ
diff --git a/interface/resources/html/img/controls-help-keyboard.png b/interface/resources/html/img/controls-help-keyboard.png
new file mode 100644
index 0000000000..da8969bdc0
Binary files /dev/null and b/interface/resources/html/img/controls-help-keyboard.png differ
diff --git a/interface/resources/html/img/controls-help-vive.jpg b/interface/resources/html/img/controls-help-vive.jpg
deleted file mode 100644
index 6f308aebf3..0000000000
Binary files a/interface/resources/html/img/controls-help-vive.jpg and /dev/null differ
diff --git a/interface/resources/html/img/controls-help-vive.png b/interface/resources/html/img/controls-help-vive.png
new file mode 100644
index 0000000000..4ad0373e82
Binary files /dev/null and b/interface/resources/html/img/controls-help-vive.png differ
