diff --git a/public/development/integrations-api.png b/public/development/integrations-api.png
deleted file mode 100644
index 3315b527e..000000000
Binary files a/public/development/integrations-api.png and /dev/null differ
diff --git a/public/development/integrations-api.webp b/public/development/integrations-api.webp
new file mode 100644
index 000000000..43fc20ab3
Binary files /dev/null and b/public/development/integrations-api.webp differ
diff --git a/public/development/integrations-flock.png b/public/development/integrations-flock.png
deleted file mode 100644
index 49d73e0d3..000000000
Binary files a/public/development/integrations-flock.png and /dev/null differ
diff --git a/public/development/integrations-flock.webp b/public/development/integrations-flock.webp
new file mode 100644
index 000000000..dc81e22ad
Binary files /dev/null and b/public/development/integrations-flock.webp differ
diff --git a/public/development/integrations-hero.png b/public/development/integrations-hero.png
deleted file mode 100644
index 6a5a4d93f..000000000
Binary files a/public/development/integrations-hero.png and /dev/null differ
diff --git a/public/development/integrations-hero.webp b/public/development/integrations-hero.webp
new file mode 100644
index 000000000..af377ddc6
Binary files /dev/null and b/public/development/integrations-hero.webp differ
diff --git a/public/development/integrations-prime-intellect.png b/public/development/integrations-prime-intellect.png
deleted file mode 100644
index 30352aed4..000000000
Binary files a/public/development/integrations-prime-intellect.png and /dev/null differ
diff --git a/public/development/integrations-prime-intellect.webp b/public/development/integrations-prime-intellect.webp
new file mode 100644
index 000000000..2b13a20c7
Binary files /dev/null and b/public/development/integrations-prime-intellect.webp differ
diff --git a/public/development/integrations-rpc.png b/public/development/integrations-rpc.png
deleted file mode 100644
index 5fa1ab24f..000000000
Binary files a/public/development/integrations-rpc.png and /dev/null differ
diff --git a/public/development/integrations-rpc.webp b/public/development/integrations-rpc.webp
new file mode 100644
index 000000000..31857ef39
Binary files /dev/null and b/public/development/integrations-rpc.webp differ
diff --git a/public/development/integrations-sdk.png b/public/development/integrations-sdk.png
deleted file mode 100644
index 059a17ad1..000000000
Binary files a/public/development/integrations-sdk.png and /dev/null differ
diff --git a/public/development/integrations-sdk.webp b/public/development/integrations-sdk.webp
new file mode 100644
index 000000000..24f22f2c9
Binary files /dev/null and b/public/development/integrations-sdk.webp differ
diff --git a/public/development/portal-grants.png b/public/development/portal-grants.png
deleted file mode 100644
index 41791b81b..000000000
Binary files a/public/development/portal-grants.png and /dev/null differ
diff --git a/public/development/portal-grants.webp b/public/development/portal-grants.webp
new file mode 100644
index 000000000..4b9fd7e7b
Binary files /dev/null and b/public/development/portal-grants.webp differ
diff --git a/public/development/portal-hero.png b/public/development/portal-hero.png
deleted file mode 100644
index c0821baa8..000000000
Binary files a/public/development/portal-hero.png and /dev/null differ
diff --git a/public/development/portal-hero.webp b/public/development/portal-hero.webp
new file mode 100644
index 000000000..b243cb927
Binary files /dev/null and b/public/development/portal-hero.webp differ
diff --git a/public/development/portal-integrations.png b/public/development/portal-integrations.png
deleted file mode 100644
index f83bb6591..000000000
Binary files a/public/development/portal-integrations.png and /dev/null differ
diff --git a/public/development/portal-integrations.webp b/public/development/portal-integrations.webp
new file mode 100644
index 000000000..a77e27be6
Binary files /dev/null and b/public/development/portal-integrations.webp differ
diff --git a/public/development/portal-involvement.png b/public/development/portal-involvement.png
deleted file mode 100644
index cf96586cb..000000000
Binary files a/public/development/portal-involvement.png and /dev/null differ
diff --git a/public/development/portal-involvement.webp b/public/development/portal-involvement.webp
new file mode 100644
index 000000000..a2b0c23b4
Binary files /dev/null and b/public/development/portal-involvement.webp differ
diff --git a/public/development/portal-roadmap.png b/public/development/portal-roadmap.png
deleted file mode 100644
index a9d9ab699..000000000
Binary files a/public/development/portal-roadmap.png and /dev/null differ
diff --git a/public/development/portal-roadmap.webp b/public/development/portal-roadmap.webp
new file mode 100644
index 000000000..d1b36790c
Binary files /dev/null and b/public/development/portal-roadmap.webp differ
diff --git a/public/development/portal-startups.png b/public/development/portal-startups.png
deleted file mode 100644
index ca5eafe96..000000000
Binary files a/public/development/portal-startups.png and /dev/null differ
diff --git a/public/development/portal-startups.webp b/public/development/portal-startups.webp
new file mode 100644
index 000000000..a84a7fd4e
Binary files /dev/null and b/public/development/portal-startups.webp differ
diff --git a/public/development/portal-universities.png b/public/development/portal-universities.png
deleted file mode 100644
index 8d936dc21..000000000
Binary files a/public/development/portal-universities.png and /dev/null differ
diff --git a/public/development/portal-universities.webp b/public/development/portal-universities.webp
new file mode 100644
index 000000000..c149703cf
Binary files /dev/null and b/public/development/portal-universities.webp differ
diff --git a/public/development/startups-agora.png b/public/development/startups-agora.png
deleted file mode 100644
index d7290e312..000000000
Binary files a/public/development/startups-agora.png and /dev/null differ
diff --git a/public/development/startups-agora.webp b/public/development/startups-agora.webp
new file mode 100644
index 000000000..f9ec6dd0e
Binary files /dev/null and b/public/development/startups-agora.webp differ
diff --git a/public/development/startups-hero.png b/public/development/startups-hero.png
deleted file mode 100644
index ffb9b3cc7..000000000
Binary files a/public/development/startups-hero.png and /dev/null differ
diff --git a/public/development/startups-hero.webp b/public/development/startups-hero.webp
new file mode 100644
index 000000000..bf0bea552
Binary files /dev/null and b/public/development/startups-hero.webp differ
diff --git a/public/development/startups-passage.png b/public/development/startups-passage.png
deleted file mode 100644
index cb09bb164..000000000
Binary files a/public/development/startups-passage.png and /dev/null differ
diff --git a/public/development/startups-passage.webp b/public/development/startups-passage.webp
new file mode 100644
index 000000000..ab802dfc5
Binary files /dev/null and b/public/development/startups-passage.webp differ
diff --git a/public/development/universities-hero.png b/public/development/universities-hero.png
deleted file mode 100644
index 80923f147..000000000
Binary files a/public/development/universities-hero.png and /dev/null differ
diff --git a/public/development/universities-hero.webp b/public/development/universities-hero.webp
new file mode 100644
index 000000000..4dec9aa94
Binary files /dev/null and b/public/development/universities-hero.webp differ
diff --git a/public/development/universities-program.png b/public/development/universities-program.png
deleted file mode 100644
index 85aa08da2..000000000
Binary files a/public/development/universities-program.png and /dev/null differ
diff --git a/public/development/universities-program.webp b/public/development/universities-program.webp
new file mode 100644
index 000000000..4429369ee
Binary files /dev/null and b/public/development/universities-program.webp differ
diff --git a/public/development/universities-video.png b/public/development/universities-video.png
deleted file mode 100644
index 0a439da75..000000000
Binary files a/public/development/universities-video.png and /dev/null differ
diff --git a/public/development/universities-video.webp b/public/development/universities-video.webp
new file mode 100644
index 000000000..8cf382f69
Binary files /dev/null and b/public/development/universities-video.webp differ
diff --git a/src/components/development-pages/dev-grants-page.astro b/src/components/development-pages/dev-grants-page.astro
index dcb47de01..cc52e18ba 100644
--- a/src/components/development-pages/dev-grants-page.astro
+++ b/src/components/development-pages/dev-grants-page.astro
@@ -1,9 +1,9 @@
 ---
 import { ChevronRight } from "lucide-react";
-import image1 from "../../content/Development_Page/funding-program/card1.png";
-import image2 from "../../content/Development_Page/funding-program/card2.png";
+import image1 from "../../content/Development_Page/funding-program/card1.webp";
+import image2 from "../../content/Development_Page/funding-program/card2.webp";
 
-import image4 from "../../content/Development_Page/funding-program/card4.png";
+import image4 from "../../content/Development_Page/funding-program/card4.webp";
 ---
 
 <div class="not-prose pb-28">
diff --git a/src/components/development-pages/dev-integrations-page.astro b/src/components/development-pages/dev-integrations-page.astro
index f6e73cbf9..8226b31fe 100644
--- a/src/components/development-pages/dev-integrations-page.astro
+++ b/src/components/development-pages/dev-integrations-page.astro
@@ -16,7 +16,7 @@ const getStarted = [
     metaText: "Credit Card.",
     cta: "Explore Deployment API",
     href: "https://akash.network/docs/api-documentation/console-api/",
-    image: "/development/integrations-api.png",
+    image: "/development/integrations-api.webp",
   },
   {
     title: "Akash Blockchain SDK",
@@ -28,7 +28,7 @@ const getStarted = [
     metaText: "AKT or USDC.",
     cta: "Explore Blockchain SDK",
     href: "https://akash.network/docs/api-documentation/sdk/",
-    image: "/development/integrations-sdk.png",
+    image: "/development/integrations-sdk.webp",
   },
   {
     title: "Blockchain REST/RPC",
@@ -40,7 +40,7 @@ const getStarted = [
     metaText: "Use a node endpoint; Console API is indexed data.",
     cta: "Access Node Layer",
     href: "https://akash.network/docs/api-documentation/sdk/",
-    image: "/development/integrations-rpc.png",
+    image: "/development/integrations-rpc.webp",
   },
 ];
 
@@ -93,7 +93,7 @@ const docSections = [
       </p>
     </div>
     <div class="group mt-10 overflow-hidden rounded-xl">
-      <img src="/development/integrations-hero.png" alt="" class="h-[240px] w-full object-cover md:h-[380px] transition-all duration-500 group-hover:scale-[1.03] group-hover:brightness-105" />
+      <img src="/development/integrations-hero.webp" alt="" class="h-[240px] w-full object-cover md:h-[380px] transition-all duration-500 group-hover:scale-[1.03] group-hover:brightness-105" />
     </div>
   </section>
 
@@ -138,7 +138,7 @@ const docSections = [
   <section class="mt-20 space-y-10 md:mt-44">
     <div class="grid items-center gap-8 md:gap-16 md:grid-cols-2">
       <div class="group overflow-hidden rounded-xl">
-        <img src="/development/integrations-prime-intellect.png" alt="Prime Intellect" class="aspect-square w-full object-cover grayscale transition-all duration-500 group-hover:grayscale-0 group-hover:scale-[1.03] group-hover:brightness-105" />
+        <img src="/development/integrations-prime-intellect.webp" alt="Prime Intellect" class="aspect-square w-full object-cover grayscale transition-all duration-500 group-hover:grayscale-0 group-hover:scale-[1.03] group-hover:brightness-105" />
       </div>
       <div class="space-y-6">
         <h2 class="font-sans text-3xl !font-medium leading-snug tracking-tight text-foreground md:text-4xl">{caseStudy.name}</h2>
@@ -155,7 +155,7 @@ const docSections = [
   <section class="mt-20 md:mt-44">
     <div class="grid items-center gap-8 md:gap-16 md:grid-cols-2">
       <div class="group order-1 overflow-hidden rounded-xl md:order-2">
-        <img src="/development/integrations-flock.png" alt="FLock.io" class="aspect-square w-full object-cover grayscale transition-all duration-500 group-hover:grayscale-0 group-hover:scale-[1.03] group-hover:brightness-105" />
+        <img src="/development/integrations-flock.webp" alt="FLock.io" class="aspect-square w-full object-cover grayscale transition-all duration-500 group-hover:grayscale-0 group-hover:scale-[1.03] group-hover:brightness-105" />
       </div>
       <div class="order-2 space-y-6 md:order-1">
         <h2 class="font-sans text-3xl !font-medium leading-snug tracking-tight text-foreground md:text-4xl">Decentralized AI Model Training on Akash With FLock.io</h2>
diff --git a/src/components/development-pages/dev-portal-page.astro b/src/components/development-pages/dev-portal-page.astro
index 1abe8d698..2020622a6 100644
--- a/src/components/development-pages/dev-portal-page.astro
+++ b/src/components/development-pages/dev-portal-page.astro
@@ -111,7 +111,7 @@ const programs = [
     tagline: "Your GPU bill shouldn't eat your seed round. Access H100s from $1.45/hr with zero sales calls or waitlists.",
     cta: "Learn More",
     href: "/development/startups/",
-    image: "/development/portal-startups.png",
+    image: "/development/portal-startups.webp",
     grayscale: true,
   },
   {
@@ -120,7 +120,7 @@ const programs = [
     tagline: "If the models are open, the compute must be too. Power your next breakthrough on the marketplace built for researchers.",
     cta: "Learn More",
     href: "/development/universities/",
-    image: "/development/portal-universities.png",
+    image: "/development/portal-universities.webp",
     grayscale: true,
   },
   {
@@ -129,7 +129,7 @@ const programs = [
     tagline: "We invest in the people who build the roads. Developing tools for the open cloud? We fund that.",
     cta: "Learn More",
     href: "/development/funding-program/",
-    image: "/development/portal-grants.png",
+    image: "/development/portal-grants.webp",
     grayscale: false,
   },
 ];
@@ -205,7 +205,7 @@ const govGroups = [
       </a>
     </div>
     <div class="group mt-10 overflow-hidden rounded-xl">
-      <img src="/development/portal-hero.png" alt="" class="h-[240px] w-full object-cover md:h-[380px] grayscale transition-all duration-500 group-hover:grayscale-0 group-hover:scale-[1.03] group-hover:brightness-105" />
+      <img src="/development/portal-hero.webp" alt="" class="h-[240px] w-full object-cover md:h-[380px] grayscale transition-all duration-500 group-hover:grayscale-0 group-hover:scale-[1.03] group-hover:brightness-105" />
     </div>
   </section>
 
@@ -273,7 +273,7 @@ const govGroups = [
         >Explore Integrations<ChevronRight size={14} className="ml-1.5" /></a>
       </div>
       <div class="group order-1 overflow-hidden rounded-xl md:order-2">
-        <img src="/development/portal-integrations.png" alt="" class="aspect-square w-full object-cover grayscale transition-all duration-500 group-hover:grayscale-0 group-hover:scale-[1.03] group-hover:brightness-105" />
+        <img src="/development/portal-integrations.webp" alt="" class="aspect-square w-full object-cover grayscale transition-all duration-500 group-hover:grayscale-0 group-hover:scale-[1.03] group-hover:brightness-105" />
       </div>
     </div>
   </section>
@@ -317,7 +317,7 @@ const govGroups = [
   <section class="space-y-8">
     <div class="grid items-center gap-8 md:gap-16 md:grid-cols-2">
       <div class="group overflow-hidden rounded-xl">
-        <img src="/development/portal-roadmap.png" alt="Akash Roadmap" class="aspect-square w-full object-cover transition-all duration-500 group-hover:scale-[1.03] group-hover:brightness-105" />
+        <img src="/development/portal-roadmap.webp" alt="Akash Roadmap" class="aspect-square w-full object-cover transition-all duration-500 group-hover:scale-[1.03] group-hover:brightness-105" />
       </div>
       <div class="space-y-6">
         <div class="space-y-4">
@@ -469,7 +469,7 @@ const govGroups = [
         </ul>
       </div>
       <div class="group overflow-hidden rounded-xl">
-        <img src="/development/portal-involvement.png" alt="" class="aspect-square w-full object-cover transition-all duration-500 group-hover:scale-[1.03] group-hover:brightness-105" />
+        <img src="/development/portal-involvement.webp" alt="" class="aspect-square w-full object-cover transition-all duration-500 group-hover:scale-[1.03] group-hover:brightness-105" />
       </div>
     </div>
   </section>
diff --git a/src/components/development-pages/dev-startups-page.astro b/src/components/development-pages/dev-startups-page.astro
index 9406ca705..5d9cb9bb5 100644
--- a/src/components/development-pages/dev-startups-page.astro
+++ b/src/components/development-pages/dev-startups-page.astro
@@ -71,7 +71,7 @@ const toolkit = [
       </p>
     </div>
     <div class="group mt-10 overflow-hidden rounded-xl">
-      <img src="/development/startups-hero.png" alt="" class="h-[240px] w-full object-cover md:h-[380px] grayscale transition-all duration-500 group-hover:grayscale-0 group-hover:scale-[1.03] group-hover:brightness-105" />
+      <img src="/development/startups-hero.webp" alt="" class="h-[240px] w-full object-cover md:h-[380px] grayscale transition-all duration-500 group-hover:grayscale-0 group-hover:scale-[1.03] group-hover:brightness-105" />
     </div>
   </section>
 
@@ -99,7 +99,7 @@ const toolkit = [
   <section class="mt-20">
     <div class="grid items-center gap-8 md:gap-16 md:grid-cols-2">
       <div class="group overflow-hidden rounded-xl">
-        <img src="/development/startups-agora.png" alt="Agora Labs" class="aspect-square w-full object-cover grayscale transition-all duration-500 group-hover:grayscale-0 group-hover:scale-[1.03] group-hover:brightness-105" />
+        <img src="/development/startups-agora.webp" alt="Agora Labs" class="aspect-square w-full object-cover grayscale transition-all duration-500 group-hover:grayscale-0 group-hover:scale-[1.03] group-hover:brightness-105" />
       </div>
       <div class="space-y-6">
         <h3 class="font-sans text-3xl !font-medium leading-snug tracking-tight text-foreground md:text-4xl">
@@ -152,7 +152,7 @@ const toolkit = [
         >View Case Study<ChevronRight size={14} className="ml-1.5" /></a>
       </div>
       <div class="group overflow-hidden rounded-xl">
-        <img src="/development/startups-passage.png" alt="Passage" class="aspect-square w-full object-cover grayscale transition-all duration-500 group-hover:grayscale-0 group-hover:scale-[1.03] group-hover:brightness-105" />
+        <img src="/development/startups-passage.webp" alt="Passage" class="aspect-square w-full object-cover grayscale transition-all duration-500 group-hover:grayscale-0 group-hover:scale-[1.03] group-hover:brightness-105" />
       </div>
     </div>
   </section>
diff --git a/src/components/development-pages/dev-universities-page.astro b/src/components/development-pages/dev-universities-page.astro
index 12a7d1430..06a51a2b6 100644
--- a/src/components/development-pages/dev-universities-page.astro
+++ b/src/components/development-pages/dev-universities-page.astro
@@ -79,7 +79,7 @@ const carouselImages = [
       </p>
     </div>
     <div class="group mt-10 overflow-hidden rounded-xl">
-      <img src="/development/universities-hero.png" alt="" class="h-[240px] w-full object-cover md:h-[380px] transition-all duration-500 group-hover:scale-[1.03] group-hover:brightness-105" />
+      <img src="/development/universities-hero.webp" alt="" class="h-[240px] w-full object-cover md:h-[380px] transition-all duration-500 group-hover:scale-[1.03] group-hover:brightness-105" />
     </div>
   </section>
 
@@ -119,7 +119,7 @@ const carouselImages = [
   <section class="mt-20 md:mt-44">
     <div class="grid items-center gap-8 md:gap-16 md:grid-cols-2">
       <div class="group overflow-hidden rounded-xl">
-        <img src="/development/universities-video.png" alt="Decentralized AI talk" class="aspect-square w-full object-cover grayscale transition-all duration-500 group-hover:grayscale-0 group-hover:scale-[1.03] group-hover:brightness-105" />
+        <img src="/development/universities-video.webp" alt="Decentralized AI talk" class="aspect-square w-full object-cover grayscale transition-all duration-500 group-hover:grayscale-0 group-hover:scale-[1.03] group-hover:brightness-105" />
       </div>
       <div class="space-y-6">
         <h3 class="font-sans text-3xl !font-medium leading-snug tracking-tight text-foreground md:text-4xl">
@@ -166,7 +166,7 @@ const carouselImages = [
         </div>
       </div>
       <div class="group order-1 overflow-hidden rounded-xl md:order-2">
-        <img src="/development/universities-program.png" alt="Akash Student Ambassador Program" class="aspect-square w-full object-cover transition-all duration-500 group-hover:scale-[1.03] group-hover:brightness-105" />
+        <img src="/development/universities-program.webp" alt="Akash Student Ambassador Program" class="aspect-square w-full object-cover transition-all duration-500 group-hover:scale-[1.03] group-hover:brightness-105" />
       </div>
     </div>
   </section>
diff --git a/src/content/Development_Page/funding-program/card1.png b/src/content/Development_Page/funding-program/card1.png
deleted file mode 100644
index 4d2aa2b1c..000000000
Binary files a/src/content/Development_Page/funding-program/card1.png and /dev/null differ
diff --git a/src/content/Development_Page/funding-program/card1.webp b/src/content/Development_Page/funding-program/card1.webp
new file mode 100644
index 000000000..47b0114fc
Binary files /dev/null and b/src/content/Development_Page/funding-program/card1.webp differ
diff --git a/src/content/Development_Page/funding-program/card2.png b/src/content/Development_Page/funding-program/card2.png
deleted file mode 100644
index f8df92742..000000000
Binary files a/src/content/Development_Page/funding-program/card2.png and /dev/null differ
diff --git a/src/content/Development_Page/funding-program/card2.webp b/src/content/Development_Page/funding-program/card2.webp
new file mode 100644
index 000000000..8a920dc01
Binary files /dev/null and b/src/content/Development_Page/funding-program/card2.webp differ
diff --git a/src/content/Development_Page/funding-program/card4.png b/src/content/Development_Page/funding-program/card4.png
deleted file mode 100644
index 3ce6f42d7..000000000
Binary files a/src/content/Development_Page/funding-program/card4.png and /dev/null differ
diff --git a/src/content/Development_Page/funding-program/card4.webp b/src/content/Development_Page/funding-program/card4.webp
new file mode 100644
index 000000000..81d4d4fb9
Binary files /dev/null and b/src/content/Development_Page/funding-program/card4.webp differ