diff --git a/gui/src/components/onboarding/pages/usage-reason/UsageChoose.tsx b/gui/src/components/onboarding/pages/usage-reason/UsageChoose.tsx
index 4e5395c686..66665a44eb 100644
--- a/gui/src/components/onboarding/pages/usage-reason/UsageChoose.tsx
+++ b/gui/src/components/onboarding/pages/usage-reason/UsageChoose.tsx
@@ -19,15 +19,15 @@ interface UsageInfo {
 const REASON_TO_PATH: Record<UsageReason, UsageInfo> = {
   [UsageReason.MOCAP]: {
     path: '/onboarding/usage/mocap/choose',
-    image: '/images/usage-mocap.png',
+    image: '/images/usage-mocap.webp',
   },
   [UsageReason.VR]: {
     path: '/onboarding/usage/vr/choose',
-    image: '/images/usage-vr.png',
+    image: '/images/usage-vr.webp',
   },
   [UsageReason.VTUBING]: {
     path: '/onboarding/usage/vtubing/choose',
-    image: '/images/usage-vtuber.png',
+    image: '/images/usage-vtuber.webp',
   },
 };
 
diff --git a/gui/src/index.scss b/gui/src/index.scss
index 44c84efcb9..a183ab9174 100644
--- a/gui/src/index.scss
+++ b/gui/src/index.scss
@@ -17,8 +17,9 @@ body {
 }
 
 @media (-webkit-animation) {
-  img {
+  img.uncrisp {
     // Webkit moment https://stackoverflow.com/questions/7908168/image-resize-gives-slight-brief-pixelation-in-webkit-browsers
+    // doesn't happen in newer versions, weird.
     -webkit-transform: translate3d(0, 0, 0);
   }