diff --git a/public/assets/banners/inactive.webp b/public/assets/banners/inactive.webp
new file mode 100644
index 000000000..fa8451375
Binary files /dev/null and b/public/assets/banners/inactive.webp differ
diff --git a/public/assets/banners/more.webp b/public/assets/banners/more.webp
new file mode 100644
index 000000000..b051719ec
Binary files /dev/null and b/public/assets/banners/more.webp differ
diff --git a/public/assets/banners/profile.webp b/public/assets/banners/profile.webp
new file mode 100644
index 000000000..4d1738670
Binary files /dev/null and b/public/assets/banners/profile.webp differ
diff --git a/public/assets/banners/ratings.webp b/public/assets/banners/ratings.webp
new file mode 100644
index 000000000..b9fce5658
Binary files /dev/null and b/public/assets/banners/ratings.webp differ
diff --git a/public/assets/banners/session.webp b/public/assets/banners/session.webp
new file mode 100644
index 000000000..eb8da9a31
Binary files /dev/null and b/public/assets/banners/session.webp differ
diff --git a/public/assets/banners/tankopedia.webp b/public/assets/banners/tankopedia.webp
new file mode 100644
index 000000000..99dddecad
Binary files /dev/null and b/public/assets/banners/tankopedia.webp differ
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 8982fa0bd..36235e674 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -35,7 +35,7 @@ export default function Page() {
                       tool.disabled ? styles.tool.disabled : styles.tool.enabled
                     }
                     style={{
-                      backgroundImage: `url(/assets/banners/${tool.id}.png)`,
+                      backgroundImage: `url(/assets/banners/${tool.id}.webp)`,
                       cursor: tool.disabled ? 'default' : 'pointer',
                       opacity: tool.disabled ? 0.25 : 1,
                       height: 128,
diff --git a/src/components/PageWrapper.tsx b/src/components/PageWrapper.tsx
index e087bf18d..71086349b 100644
--- a/src/components/PageWrapper.tsx
+++ b/src/components/PageWrapper.tsx
@@ -8,7 +8,7 @@ export default function PageWrapper({
     <div
       style={{
         width: '100%',
-        maxWidth: 780,
+        maxWidth: 800,
         margin: 'auto',
         display: 'flex',
         padding: 16,