Use webp compression for background images

Signed-off-by: Joshua Castle <26531652+Kas-tle@users.noreply.github.com>

src/pages/download/index.tsx

@@ -4,7 +4,7 @@ import TabItem from "@theme/TabItem";
 import { faTowerCell, faFileZipper } from '@fortawesome/free-solid-svg-icons';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import HeroBanner from '@site/src/components/HeroBanner';
-import HeroBackground from '@site/static/img/site/split-background.jpg';
+import HeroBackground from '@site/static/img/site/split-background.webp';
 import PaperSpigotIcon from '@site/static/img/icons/paper.png';
 import VelocityIcon from '@site/static/img/icons/velocity.png';
 import WaterfallBungeeCordIcon from '@site/static/img/icons/waterfall.svg';

src/pages/index.module.css

@@ -1,9 +1,9 @@
 :root {
-    --ifm-background-image-url: url('/img/site/split-background-light.jpg');
+    --ifm-background-image-url: url('/img/site/split-background-light.webp');
 }
 
 [data-theme='dark'] {
-    --ifm-background-image-url: url('/img/site/split-background.jpg') !important;
+    --ifm-background-image-url: url('/img/site/split-background.webp') !important;
 }
 
 .heroBanner {

src/pages/utilities/config-editor.tsx

@@ -1,6 +1,6 @@
 import Translate from '@docusaurus/Translate';
 import HeroBanner from '@site/src/components/HeroBanner';
-import HeroBackground from '@site/static/img/site/split-background.jpg';
+import HeroBackground from '@site/static/img/site/split-background.webp';
 import Layout from '@theme/Layout';
 import styles from './utilities.module.css';
 import { useRef, useState } from 'react';

src/pages/utilities/dump-viewer.tsx

@@ -1,6 +1,6 @@
 import Translate from '@docusaurus/Translate';
 import HeroBanner from '@site/src/components/HeroBanner';
-import HeroBackground from '@site/static/img/site/split-background.jpg';
+import HeroBackground from '@site/static/img/site/split-background.webp';
 import Layout from '@theme/Layout';
 import { useEffect, useRef, useState } from 'react';
 import styles from './utilities.module.css';

static/img/site/index.d.ts

@@ -6,4 +6,9 @@ declare module '*.png' {
 declare module '*.jpg' {
     const value: any;
     export = value;
+}
+
+declare module '*.webp' {
+    const value: any;
+    export = value;
 }