diff --git a/public/covisart/images/ngs/JustSim.webp b/public/covisart/images/ngs/JustSim.webp
new file mode 100644
index 0000000..d32a582
Binary files /dev/null and b/public/covisart/images/ngs/JustSim.webp differ
diff --git a/public/covisart/images/ngs/JustSim_icon.webp b/public/covisart/images/ngs/JustSim_icon.webp
new file mode 100644
index 0000000..f647037
Binary files /dev/null and b/public/covisart/images/ngs/JustSim_icon.webp differ
diff --git a/public/covisart/images/ngs/RaceSeat.webp b/public/covisart/images/ngs/RaceSeat.webp
new file mode 100644
index 0000000..9cda39f
Binary files /dev/null and b/public/covisart/images/ngs/RaceSeat.webp differ
diff --git a/public/covisart/images/ngs/RaceSeat_icon.webp b/public/covisart/images/ngs/RaceSeat_icon.webp
new file mode 100644
index 0000000..ae96d20
Binary files /dev/null and b/public/covisart/images/ngs/RaceSeat_icon.webp differ
diff --git a/public/covisart/images/ngs/black.webp b/public/covisart/images/ngs/black.webp
new file mode 100644
index 0000000..ec66056
Binary files /dev/null and b/public/covisart/images/ngs/black.webp differ
diff --git a/public/covisart/images/ngs/cockpit.webp b/public/covisart/images/ngs/cockpit.webp
new file mode 100644
index 0000000..fe22ad9
Binary files /dev/null and b/public/covisart/images/ngs/cockpit.webp differ
diff --git a/public/covisart/images/ngs/cockpit_icon.webp b/public/covisart/images/ngs/cockpit_icon.webp
new file mode 100644
index 0000000..127c4a2
Binary files /dev/null and b/public/covisart/images/ngs/cockpit_icon.webp differ
diff --git a/public/covisart/images/ngs/green.webp b/public/covisart/images/ngs/green.webp
new file mode 100644
index 0000000..f7b0719
Binary files /dev/null and b/public/covisart/images/ngs/green.webp differ
diff --git a/public/covisart/images/ngs/grey.webp b/public/covisart/images/ngs/grey.webp
new file mode 100644
index 0000000..5178aa5
Binary files /dev/null and b/public/covisart/images/ngs/grey.webp differ
diff --git a/src/covisart/Configuration.js b/src/covisart/Configuration.js
index 124292a..aa0c9d3 100644
--- a/src/covisart/Configuration.js
+++ b/src/covisart/Configuration.js
@@ -18,13 +18,13 @@ export default function Configuration() {
 }
 
 function NGS(name) {
-    const motorImage = './covisart/images/ngs/' + name + '.png'
+    const motorImage = './covisart/images/ngs/' + name + '.webp'
     return (
         <img id={name} style={{ borderRadius: "10%",position: "relative"}} src={motorImage} alt={name} />
     )
 }
 function NGS_A(name) {
-    const motorImage = './covisart/images/ngs/' + name + '.png'
+    const motorImage = './covisart/images/ngs/' + name + '.webp'
     return (
         <img id={name} style={{ borderRadius: "10%", position: "absolute", top:0, left:0}} src={motorImage} alt={name} />
     )
diff --git a/src/covisart/Selections/AccessorySelection.js b/src/covisart/Selections/AccessorySelection.js
index e564b34..58b36ef 100644
--- a/src/covisart/Selections/AccessorySelection.js
+++ b/src/covisart/Selections/AccessorySelection.js
@@ -42,7 +42,7 @@ function Customizer() {
 }
 
 function Accessory(name, selected) {
-    const sizeImage = './covisart/images/ngs/' + name + '_icon.png'
+    const sizeImage = './covisart/images/ngs/' + name + '_icon.webp'
     return (
         <div key={name} className={selected} style={{ height: "20%", width: "20%", textAlign: "center", wordWrap:"break-word" }} onClick={() => {name !='cockpit' && (state.accessory = name)}}>
             {