diff --git a/data/portfolio/ar.ts b/data/portfolio/ar.ts
index 5d07901..62d6c99 100644
--- a/data/portfolio/ar.ts
+++ b/data/portfolio/ar.ts
@@ -125,8 +125,8 @@ export const arabicPortfolioContent = {
           "تشكيل كتلي",
           "إظهار خارجي",
         ],
-        image: "/images/portfolio-pages/marota-city-s160-preview.jpg",
-        sheetImage: "/images/portfolio-pages/marota-city-s160.jpg",
+        image: "/images/portfolio-pages/marota-city-s160-preview.webp",
+        sheetImage: "/images/portfolio-pages/marota-city-s160.webp",
         imageAlt:
           "لوحة بورتفوليو لمشروع Marota City - S160 تتضمن مساقط وواجهات ومناظير خارجية",
       },
@@ -146,8 +146,8 @@ export const arabicPortfolioContent = {
           "دراسات واجهات",
           "موقع وسياق عمراني",
         ],
-        image: "/images/portfolio-pages/marota-city-s174-preview.jpg",
-        sheetImage: "/images/portfolio-pages/marota-city-s174.jpg",
+        image: "/images/portfolio-pages/marota-city-s174-preview.webp",
+        sheetImage: "/images/portfolio-pages/marota-city-s174.webp",
         imageAlt:
           "لوحة بورتفوليو لمشروع Marota City S174 تتضمن مساقط ومناظير وواجهات",
       },
@@ -167,8 +167,8 @@ export const arabicPortfolioContent = {
           "مناظير حضرية",
           "لوحات عرض للضيافة",
         ],
-        image: "/images/portfolio-pages/luxury-hotel-preview.jpg",
-        sheetImage: "/images/portfolio-pages/luxury-hotel.jpg",
+        image: "/images/portfolio-pages/luxury-hotel-preview.webp",
+        sheetImage: "/images/portfolio-pages/luxury-hotel.webp",
         imageAlt:
           "لوحة بورتفوليو لLuxury Hotel تتضمن مساقط ومناظير خارجية",
       },
@@ -188,8 +188,8 @@ export const arabicPortfolioContent = {
           "عناصر مائية",
           "لوحات عرض للعميل",
         ],
-        image: "/images/portfolio-pages/regal-pool-preview.jpg",
-        sheetImage: "/images/portfolio-pages/regal-pool.jpg",
+        image: "/images/portfolio-pages/regal-pool-preview.webp",
+        sheetImage: "/images/portfolio-pages/regal-pool.webp",
         imageAlt:
           "لوحة بورتفوليو لمشروع Regal Pool تتضمن لاندسكيب وحركة مياه ومقاطع ومناظير",
       },
@@ -209,8 +209,8 @@ export const arabicPortfolioContent = {
           "سياق تاريخي",
           "إظهار نهاري وليلي",
         ],
-        image: "/images/portfolio-pages/bab-touma-square-preview.jpg",
-        sheetImage: "/images/portfolio-pages/bab-touma-square.jpg",
+        image: "/images/portfolio-pages/bab-touma-square-preview.webp",
+        sheetImage: "/images/portfolio-pages/bab-touma-square.webp",
         imageAlt:
           "لوحة بورتفوليو لإعادة تأهيل ساحة باب توما تتضمن مخططات واستراتيجيات ومناظير",
       },
diff --git a/data/portfolio/en.ts b/data/portfolio/en.ts
index 7349d45..67f5d1c 100644
--- a/data/portfolio/en.ts
+++ b/data/portfolio/en.ts
@@ -125,8 +125,8 @@ export const englishPortfolioContent = {
           "Massing development",
           "Exterior visualization",
         ],
-        image: "/images/portfolio-pages/marota-city-s160-preview.jpg",
-        sheetImage: "/images/portfolio-pages/marota-city-s160.jpg",
+        image: "/images/portfolio-pages/marota-city-s160-preview.webp",
+        sheetImage: "/images/portfolio-pages/marota-city-s160.webp",
         imageAlt:
           "Portfolio board for Marota City - S160 with plans, facades, and exterior perspectives",
       },
@@ -146,8 +146,8 @@ export const englishPortfolioContent = {
           "Facade studies",
           "Site and urban context",
         ],
-        image: "/images/portfolio-pages/marota-city-s174-preview.jpg",
-        sheetImage: "/images/portfolio-pages/marota-city-s174.jpg",
+        image: "/images/portfolio-pages/marota-city-s174-preview.webp",
+        sheetImage: "/images/portfolio-pages/marota-city-s174.webp",
         imageAlt:
           "Portfolio board for Marota City - S174 with plans, perspectives, and facades",
       },
@@ -167,8 +167,8 @@ export const englishPortfolioContent = {
           "Urban perspectives",
           "Hospitality presentation boards",
         ],
-        image: "/images/portfolio-pages/luxury-hotel-preview.jpg",
-        sheetImage: "/images/portfolio-pages/luxury-hotel.jpg",
+        image: "/images/portfolio-pages/luxury-hotel-preview.webp",
+        sheetImage: "/images/portfolio-pages/luxury-hotel.webp",
         imageAlt:
           "Portfolio board for Luxury Hotel with plans and exterior perspectives",
       },
@@ -188,8 +188,8 @@ export const englishPortfolioContent = {
           "Water elements",
           "Client presentation boards",
         ],
-        image: "/images/portfolio-pages/regal-pool-preview.jpg",
-        sheetImage: "/images/portfolio-pages/regal-pool.jpg",
+        image: "/images/portfolio-pages/regal-pool-preview.webp",
+        sheetImage: "/images/portfolio-pages/regal-pool.webp",
         imageAlt:
           "Portfolio board for Regal Pool including landscape, water movement, sections, and perspectives",
       },
@@ -209,8 +209,8 @@ export const englishPortfolioContent = {
           "Historic context",
           "Day and night visualization",
         ],
-        image: "/images/portfolio-pages/bab-touma-square-preview.jpg",
-        sheetImage: "/images/portfolio-pages/bab-touma-square.jpg",
+        image: "/images/portfolio-pages/bab-touma-square-preview.webp",
+        sheetImage: "/images/portfolio-pages/bab-touma-square.webp",
         imageAlt:
           "Portfolio board for Bab Touma Square rehabilitation with plans, strategies, and perspectives",
       },
diff --git a/data/portfolio/shared.ts b/data/portfolio/shared.ts
index c29608d..a91e58c 100644
--- a/data/portfolio/shared.ts
+++ b/data/portfolio/shared.ts
@@ -13,8 +13,8 @@ export const sharedProfile = {
   addressAr: "دمشق، الشعلان",
   facebook: "grace slmon",
   facebookHref: "https://www.facebook.com/grace.slmon",
-  heroImage: "/images/portfolio-pages/media-complex-preview.jpg",
-  logoImage: "/images/portfolio-pages/logo.png",
+  heroImage: "/images/portfolio-pages/media-complex-preview.webp",
+  logoImage: "/images/portfolio-pages/logo.webp",
 };
 
 export const resumeFile = {
diff --git a/public/images/portfolio-pages/al-thawra-planning-preview.jpg b/public/images/portfolio-pages/al-thawra-planning-preview.jpg
deleted file mode 100644
index 982e3c7..0000000
Binary files a/public/images/portfolio-pages/al-thawra-planning-preview.jpg and /dev/null differ
diff --git a/public/images/portfolio-pages/al-thawra-planning-preview.webp b/public/images/portfolio-pages/al-thawra-planning-preview.webp
new file mode 100644
index 0000000..8914558
Binary files /dev/null and b/public/images/portfolio-pages/al-thawra-planning-preview.webp differ
diff --git a/public/images/portfolio-pages/al-thawra-planning.jpg b/public/images/portfolio-pages/al-thawra-planning.jpg
deleted file mode 100644
index 80b6206..0000000
Binary files a/public/images/portfolio-pages/al-thawra-planning.jpg and /dev/null differ
diff --git a/public/images/portfolio-pages/al-thawra-planning.webp b/public/images/portfolio-pages/al-thawra-planning.webp
new file mode 100644
index 0000000..2daee4d
Binary files /dev/null and b/public/images/portfolio-pages/al-thawra-planning.webp differ
diff --git a/public/images/portfolio-pages/bab-touma-square-preview.jpg b/public/images/portfolio-pages/bab-touma-square-preview.jpg
deleted file mode 100644
index f063ccc..0000000
Binary files a/public/images/portfolio-pages/bab-touma-square-preview.jpg and /dev/null differ
diff --git a/public/images/portfolio-pages/bab-touma-square-preview.webp b/public/images/portfolio-pages/bab-touma-square-preview.webp
new file mode 100644
index 0000000..46d0dc9
Binary files /dev/null and b/public/images/portfolio-pages/bab-touma-square-preview.webp differ
diff --git a/public/images/portfolio-pages/bab-touma-square.jpg b/public/images/portfolio-pages/bab-touma-square.jpg
deleted file mode 100644
index 0d0fbdd..0000000
Binary files a/public/images/portfolio-pages/bab-touma-square.jpg and /dev/null differ
diff --git a/public/images/portfolio-pages/bab-touma-square.webp b/public/images/portfolio-pages/bab-touma-square.webp
new file mode 100644
index 0000000..150e616
Binary files /dev/null and b/public/images/portfolio-pages/bab-touma-square.webp differ
diff --git a/public/images/portfolio-pages/logo.png b/public/images/portfolio-pages/logo.png
deleted file mode 100644
index cf81720..0000000
Binary files a/public/images/portfolio-pages/logo.png and /dev/null differ
diff --git a/public/images/portfolio-pages/logo.webp b/public/images/portfolio-pages/logo.webp
new file mode 100644
index 0000000..bbdf7df
Binary files /dev/null and b/public/images/portfolio-pages/logo.webp differ
diff --git a/public/images/portfolio-pages/luxury-hotel-preview.jpg b/public/images/portfolio-pages/luxury-hotel-preview.jpg
deleted file mode 100644
index b6ed643..0000000
Binary files a/public/images/portfolio-pages/luxury-hotel-preview.jpg and /dev/null differ
diff --git a/public/images/portfolio-pages/luxury-hotel-preview.webp b/public/images/portfolio-pages/luxury-hotel-preview.webp
new file mode 100644
index 0000000..e6a684a
Binary files /dev/null and b/public/images/portfolio-pages/luxury-hotel-preview.webp differ
diff --git a/public/images/portfolio-pages/luxury-hotel.jpg b/public/images/portfolio-pages/luxury-hotel.jpg
deleted file mode 100644
index bb385a3..0000000
Binary files a/public/images/portfolio-pages/luxury-hotel.jpg and /dev/null differ
diff --git a/public/images/portfolio-pages/luxury-hotel.webp b/public/images/portfolio-pages/luxury-hotel.webp
new file mode 100644
index 0000000..c8521c5
Binary files /dev/null and b/public/images/portfolio-pages/luxury-hotel.webp differ
diff --git a/public/images/portfolio-pages/marota-city-s160-preview.jpg b/public/images/portfolio-pages/marota-city-s160-preview.jpg
deleted file mode 100644
index c7d9e03..0000000
Binary files a/public/images/portfolio-pages/marota-city-s160-preview.jpg and /dev/null differ
diff --git a/public/images/portfolio-pages/marota-city-s160-preview.webp b/public/images/portfolio-pages/marota-city-s160-preview.webp
new file mode 100644
index 0000000..04ed4be
Binary files /dev/null and b/public/images/portfolio-pages/marota-city-s160-preview.webp differ
diff --git a/public/images/portfolio-pages/marota-city-s160.jpg b/public/images/portfolio-pages/marota-city-s160.jpg
deleted file mode 100644
index af97258..0000000
Binary files a/public/images/portfolio-pages/marota-city-s160.jpg and /dev/null differ
diff --git a/public/images/portfolio-pages/marota-city-s160.webp b/public/images/portfolio-pages/marota-city-s160.webp
new file mode 100644
index 0000000..b51e5ff
Binary files /dev/null and b/public/images/portfolio-pages/marota-city-s160.webp differ
diff --git a/public/images/portfolio-pages/marota-city-s174-preview.jpg b/public/images/portfolio-pages/marota-city-s174-preview.jpg
deleted file mode 100644
index ebe5c96..0000000
Binary files a/public/images/portfolio-pages/marota-city-s174-preview.jpg and /dev/null differ
diff --git a/public/images/portfolio-pages/marota-city-s174-preview.webp b/public/images/portfolio-pages/marota-city-s174-preview.webp
new file mode 100644
index 0000000..dd67f55
Binary files /dev/null and b/public/images/portfolio-pages/marota-city-s174-preview.webp differ
diff --git a/public/images/portfolio-pages/marota-city-s174.jpg b/public/images/portfolio-pages/marota-city-s174.jpg
deleted file mode 100644
index ebe5c96..0000000
Binary files a/public/images/portfolio-pages/marota-city-s174.jpg and /dev/null differ
diff --git a/public/images/portfolio-pages/marota-city-s174.webp b/public/images/portfolio-pages/marota-city-s174.webp
new file mode 100644
index 0000000..dd67f55
Binary files /dev/null and b/public/images/portfolio-pages/marota-city-s174.webp differ
diff --git a/public/images/portfolio-pages/media-complex-preview.jpg b/public/images/portfolio-pages/media-complex-preview.jpg
deleted file mode 100644
index c6b690d..0000000
Binary files a/public/images/portfolio-pages/media-complex-preview.jpg and /dev/null differ
diff --git a/public/images/portfolio-pages/media-complex-preview.webp b/public/images/portfolio-pages/media-complex-preview.webp
new file mode 100644
index 0000000..924f2d3
Binary files /dev/null and b/public/images/portfolio-pages/media-complex-preview.webp differ
diff --git a/public/images/portfolio-pages/media-complex.jpg b/public/images/portfolio-pages/media-complex.jpg
deleted file mode 100644
index a38c1cd..0000000
Binary files a/public/images/portfolio-pages/media-complex.jpg and /dev/null differ
diff --git a/public/images/portfolio-pages/media-complex.webp b/public/images/portfolio-pages/media-complex.webp
new file mode 100644
index 0000000..5a903d3
Binary files /dev/null and b/public/images/portfolio-pages/media-complex.webp differ
diff --git a/public/images/portfolio-pages/regal-pool-preview.jpg b/public/images/portfolio-pages/regal-pool-preview.jpg
deleted file mode 100644
index 53a6328..0000000
Binary files a/public/images/portfolio-pages/regal-pool-preview.jpg and /dev/null differ
diff --git a/public/images/portfolio-pages/regal-pool-preview.webp b/public/images/portfolio-pages/regal-pool-preview.webp
new file mode 100644
index 0000000..bd3cf2d
Binary files /dev/null and b/public/images/portfolio-pages/regal-pool-preview.webp differ
diff --git a/public/images/portfolio-pages/regal-pool.jpg b/public/images/portfolio-pages/regal-pool.jpg
deleted file mode 100644
index ac730b8..0000000
Binary files a/public/images/portfolio-pages/regal-pool.jpg and /dev/null differ
diff --git a/public/images/portfolio-pages/regal-pool.webp b/public/images/portfolio-pages/regal-pool.webp
new file mode 100644
index 0000000..8ed2cf6
Binary files /dev/null and b/public/images/portfolio-pages/regal-pool.webp differ