diff --git a/frontend/public/images/List_of_Logs_Image.png b/frontend/public/images/List_of_Logs_Image.png
deleted file mode 100644
index 93d5c57e49..0000000000
Binary files a/frontend/public/images/List_of_Logs_Image.png and /dev/null differ
diff --git a/frontend/public/images/List_of_Logs_Image.webp b/frontend/public/images/List_of_Logs_Image.webp
new file mode 100644
index 0000000000..aeccf860b9
Binary files /dev/null and b/frontend/public/images/List_of_Logs_Image.webp differ
diff --git a/frontend/public/images/forest.png b/frontend/public/images/forest.png
deleted file mode 100644
index 3d9399c606..0000000000
Binary files a/frontend/public/images/forest.png and /dev/null differ
diff --git a/frontend/public/images/forest.webp b/frontend/public/images/forest.webp
new file mode 100644
index 0000000000..de514fcb2e
Binary files /dev/null and b/frontend/public/images/forest.webp differ
diff --git a/frontend/src/components/home/LandingImage.jsx b/frontend/src/components/home/LandingImage.jsx
index 5248fef17d..477ec47b84 100644
--- a/frontend/src/components/home/LandingImage.jsx
+++ b/frontend/src/components/home/LandingImage.jsx
@@ -6,7 +6,7 @@ export default function Header() {
       className="position-relative overflow-hidden"
       style={{
         height: "500px",
-        backgroundImage: `url('${process.env.PUBLIC_URL}/images/forest.png')`,
+        backgroundImage: `url('${process.env.PUBLIC_URL}/images/forest.webp')`,
         backgroundSize: "cover",
         backgroundPosition: "center",
         backgroundRepeat: "no-repeat",
diff --git a/frontend/src/pages/AdminLogs.jsx b/frontend/src/pages/AdminLogs.jsx
index b67af698b4..f21ff1084d 100644
--- a/frontend/src/pages/AdminLogs.jsx
+++ b/frontend/src/pages/AdminLogs.jsx
@@ -37,7 +37,7 @@ export const AdminLogs = () => {
   return (
     <div
       style={{
-        backgroundImage: `url(${process.env.PUBLIC_URL}/images/List_of_Logs_Image.png)`,
+        backgroundImage: `url(${process.env.PUBLIC_URL}/images/List_of_Logs_Image.webp)`,
         backgroundSize: "cover",
         backgroundPosition: "center",
         width: "100%",