switch jpeg to webp where possible

src/about/About.mdx

@@ -1,10 +1,10 @@
-import openingImage from "../img/DSC_5633.jpg";
-import rainbow from "../img/IMG-0186.jpg";
-import japanese from "../img/IMG_20230531_000224_01.jpg";
-import computers from "../img/IMG_3071.jpg";
-import mobo from "../img/2025-10-03-02-20-50-077.jpg";
-import suit from "../img/military.jpg";
-import nutrivend from "../img/nutrivend.jpeg";
+import openingImage from "../img/DSC_5633.webp";
+import rainbow from "../img/IMG-0186.webp";
+import japanese from "../img/IMG_20230531_000224_01.webp";
+import computers from "../img/IMG_3071.webp";
+import mobo from "../img/2025-10-03-02-20-50-077.webp";
+import suit from "../img/military.webp";
+import nutrivend from "../img/nutrivend.webp";
 
 <img src={openingImage} alt="Tymur Arsentiev" className="self"/>
 

src/articles/articles.ts

@@ -1,7 +1,7 @@
 import {Path} from "../router/router";
 import {MDXContent} from "mdx/types";
 import {lazy, LazyExoticComponent} from "react";
-import allBlack from "../img/IMG_3095.jpg";
+import allBlack from "../img/IMG_3095.webp";
 
 export interface Article {
   name: string,

src/articles/mdx/high-school.mdx

@@ -1,6 +1,6 @@
-import allBlack from "../../img/IMG_3095.jpg";
-import style from "../../img/2026-04-07-20-45-39-165.jpg";
-import savvy from "../../img/2026-04-07-20-44-35-818.jpg";
+import allBlack from "../../img/IMG_3095.webp";
+import style from "../../img/2026-04-07-20-45-39-165.webp";
+import savvy from "../../img/2026-04-07-20-44-35-818.webp";
 import {ReactComponent as Nextcloud} from "../../img/Nextcloud Logo Vector.svg";
 import {ReactComponent as K8s} from "../../img/Kubernetes Logo Vector.svg";
 

webpack.config.ts

@@ -36,7 +36,7 @@ const config: webpack.Configuration = {
         oneOf: [
           // Image assets
           {
-            test: [/\.(avif|bmp|.gif|jpe?g|png|pdf)$/],
+            test: [/\.(avif|bmp|.gif|webp|jpe?g|png|pdf)$/],
             type: "asset",
             parser: {
               dataUrlCondition: {