diff --git a/src/assets/syncStatus/synced.png b/src/assets/syncStatus/synced.png
deleted file mode 100644
index f944bad..0000000
Binary files a/src/assets/syncStatus/synced.png and /dev/null differ
diff --git a/src/assets/syncStatus/synced.webp b/src/assets/syncStatus/synced.webp
new file mode 100644
index 0000000..0036186
Binary files /dev/null and b/src/assets/syncStatus/synced.webp differ
diff --git a/src/assets/syncStatus/synced_minting.png b/src/assets/syncStatus/synced_minting.png
deleted file mode 100644
index 567e784..0000000
Binary files a/src/assets/syncStatus/synced_minting.png and /dev/null differ
diff --git a/src/assets/syncStatus/synced_minting.webp b/src/assets/syncStatus/synced_minting.webp
new file mode 100644
index 0000000..01093c8
Binary files /dev/null and b/src/assets/syncStatus/synced_minting.webp differ
diff --git a/src/assets/syncStatus/syncing.png b/src/assets/syncStatus/syncing.png
deleted file mode 100644
index 82d39bb..0000000
Binary files a/src/assets/syncStatus/syncing.png and /dev/null differ
diff --git a/src/assets/syncStatus/syncing.webp b/src/assets/syncStatus/syncing.webp
new file mode 100644
index 0000000..7d6e2de
Binary files /dev/null and b/src/assets/syncStatus/syncing.webp differ
diff --git a/src/components/CoreSyncStatus.tsx b/src/components/CoreSyncStatus.tsx
index 345678f..9b5bd29 100644
--- a/src/components/CoreSyncStatus.tsx
+++ b/src/components/CoreSyncStatus.tsx
@@ -1,7 +1,7 @@
 import { useEffect, useState } from 'react';
-import syncedImg from '../assets/syncStatus/synced.png';
-import syncedMintingImg from '../assets/syncStatus/synced_minting.png';
-import syncingImg from '../assets/syncStatus/syncing.png';
+import syncedImg from '../assets/syncStatus/synced.webp';
+import syncedMintingImg from '../assets/syncStatus/synced_minting.webp';
+import syncingImg from '../assets/syncStatus/syncing.webp';
 import { getBaseApiReact } from '../App';
 import '../styles/CoreSyncStatus.css';
 import { useTheme } from '@mui/material';