diff --git a/content/blogs/1. connect-namecheap-to-vercel.md b/content/blogs/1. connect-namecheap-to-vercel.md
index 1417307..88dbf5d 100644
--- a/content/blogs/1. connect-namecheap-to-vercel.md	
+++ b/content/blogs/1. connect-namecheap-to-vercel.md	
@@ -2,9 +2,9 @@
 title: How To Connect You Namecheap Domain With Vercel Deployed App
 date: 1st Mar 2023
 description: Here you will lean how to connect your namecheap domain to vercel deployed app.
-image: /blogs-img/blog1.jpg
+image: /blogs-img/blog1.webp
 alt: How To Connect You Namecheap Domain With Vercel Deployed App
-ogImage: /blog-img/blog1.jpg
+ogImage: /blog-img/blog1.webp
 tags: ['namecheap', 'vercel']
 published: true
 ---
diff --git a/content/blogs/2. fix-tailwindcss-intellisense-in-nuxt3.md b/content/blogs/2. fix-tailwindcss-intellisense-in-nuxt3.md
index 4ca5546..b61ab92 100644
--- a/content/blogs/2. fix-tailwindcss-intellisense-in-nuxt3.md	
+++ b/content/blogs/2. fix-tailwindcss-intellisense-in-nuxt3.md	
@@ -2,9 +2,9 @@
 title: How To Fix TailwindCSS Intellisense In Nuxt3 Project
 date: 26th Jan 2023
 description: In Nuxt3 project tailwind css intellisense doesn't seems to work properly. In this blog I will share a workaround to fix this issue.
-image: /blogs-img/blog2.jpg
+image: /blogs-img/blog2.webp
 alt: Hwo to fix tailwind intellisense in nuxt3 project
-ogImage: /blogs-img/blog2.jpg
+ogImage: /blogs-img/blog2.webp
 tags: ['nuxt', 'tailwindcss']
 published: true
 ---
diff --git a/content/blogs/3. create-namespace-subdomain-connect-to-vercel.md b/content/blogs/3. create-namespace-subdomain-connect-to-vercel.md
index 41c54b4..db4adf6 100644
--- a/content/blogs/3. create-namespace-subdomain-connect-to-vercel.md	
+++ b/content/blogs/3. create-namespace-subdomain-connect-to-vercel.md	
@@ -2,9 +2,9 @@
 title: How To Create Namespace Subdomain & Connect To Vercel App
 date: 1st Mar 2023
 description: Here we will learn, How To Create Namespace Subdomain & Connect To Vercel App
-image: /blogs-img/blog3.jpg
+image: /blogs-img/blog3.webp
 alt: How To Create Namespace Subdomain & Connect To Vercel App
-ogImage: /blogs-img/blog3.jpg
+ogImage: /blogs-img/blog3.webp
 tags: ['nuxt', 'vercel', 'namecheap']
 published: true
 ---
diff --git a/content/blogs/4. fetch-content-data-render-pages.md b/content/blogs/4. fetch-content-data-render-pages.md
index 7e658cf..91a53d5 100644
--- a/content/blogs/4. fetch-content-data-render-pages.md	
+++ b/content/blogs/4. fetch-content-data-render-pages.md	
@@ -2,9 +2,9 @@
 title: How To Properly Fetch Nuxt Content Data and Render It in Nuxt Pages
 date: 1st Mar 2023
 description: Here we will learn How To Properly Fetch Nuxt Content Data and Render It in Nuxt Pages
-image: /blogs-img/blog4.jpg
+image: /blogs-img/blog4.webp
 alt: How To Properly Fetch Nuxt Content Data and Render It in Nuxt Pages
-ogImage: /blogs-img/blog4.jpg
+ogImage: /blogs-img/blog4.webp
 tags: ['nuxt', 'nuxt-content']
 published: true
 ---
diff --git a/content/blogs/5. vue3-awesome-library.md b/content/blogs/5. vue3-awesome-library.md
index 4691fad..3c6bb33 100644
--- a/content/blogs/5. vue3-awesome-library.md	
+++ b/content/blogs/5. vue3-awesome-library.md	
@@ -2,9 +2,9 @@
 title: Some Awesome Libraries For Vue3
 date: 1st Jan 2023
 description: Vue.js is a popular JavaScript framework for building web applications. In this blog post, we will introduce you to some of the awesome libraries for Vue.js in different categories.
-image: /blogs-img/blog5.jpg
+image: /blogs-img/blog5.webp
 alt: Some Awesome Libraries For Vue3
-ogImage: /blogs-img/blog5.jpg
+ogImage: /blogs-img/blog5.webp
 tags: ['vue',"javascript"]
 published: true
 ---
diff --git a/public/blogs-img/blog1.jpg b/public/blogs-img/blog1.jpg
deleted file mode 100644
index 7bb667a..0000000
Binary files a/public/blogs-img/blog1.jpg and /dev/null differ
diff --git a/public/blogs-img/blog1.webp b/public/blogs-img/blog1.webp
new file mode 100644
index 0000000..631cf55
Binary files /dev/null and b/public/blogs-img/blog1.webp differ
diff --git a/public/blogs-img/blog2.jpg b/public/blogs-img/blog2.jpg
deleted file mode 100644
index fbaa44c..0000000
Binary files a/public/blogs-img/blog2.jpg and /dev/null differ
diff --git a/public/blogs-img/blog2.webp b/public/blogs-img/blog2.webp
new file mode 100644
index 0000000..6b63b69
Binary files /dev/null and b/public/blogs-img/blog2.webp differ
diff --git a/public/blogs-img/blog3.jpg b/public/blogs-img/blog3.jpg
deleted file mode 100644
index 4daa275..0000000
Binary files a/public/blogs-img/blog3.jpg and /dev/null differ
diff --git a/public/blogs-img/blog3.webp b/public/blogs-img/blog3.webp
new file mode 100644
index 0000000..8f73d93
Binary files /dev/null and b/public/blogs-img/blog3.webp differ
diff --git a/public/blogs-img/blog4.jpg b/public/blogs-img/blog4.jpg
deleted file mode 100644
index ed8294d..0000000
Binary files a/public/blogs-img/blog4.jpg and /dev/null differ
diff --git a/public/blogs-img/blog4.webp b/public/blogs-img/blog4.webp
new file mode 100644
index 0000000..b13beeb
Binary files /dev/null and b/public/blogs-img/blog4.webp differ
diff --git a/public/blogs-img/blog5.jpg b/public/blogs-img/blog5.jpg
deleted file mode 100644
index 296d88d..0000000
Binary files a/public/blogs-img/blog5.jpg and /dev/null differ
diff --git a/public/blogs-img/blog5.webp b/public/blogs-img/blog5.webp
new file mode 100644
index 0000000..7d849c3
Binary files /dev/null and b/public/blogs-img/blog5.webp differ