diff --git a/docs/.vitepress/config/shared.ts b/docs/.vitepress/config/shared.ts
index 42f6348..68e1a7c 100644
--- a/docs/.vitepress/config/shared.ts
+++ b/docs/.vitepress/config/shared.ts
@@ -7,6 +7,8 @@ import {
 } from 'vitepress-plugin-group-icons'
 import lightbox from "vitepress-plugin-lightbox"
 import {handleHeadMeta} from "../theme/handleHeadMeta";
+import minipic from 'vite-plugin-minipic'
+
 export const shared = defineConfig({
   title: 'VIPER',
 
@@ -113,6 +115,27 @@ export const shared = defineConfig({
           ),
           // firebase: 'logos:firebase'
         }
+      }),
+      minipic({
+        sharpOptions: {
+          avif: {
+            quality: 80
+          },
+          png: {
+            quality: 80
+          },
+          jpeg: {
+            quality: 80
+          },
+          jpg: {
+            quality: 80
+          },
+          webp: {
+            quality: 80
+          },
+          gif: {}
+        },
+        cache: true // Enable caching for better performance
       })
     ]
   }
diff --git a/package.json b/package.json
index 84058ab..ae35f56 100644
--- a/package.json
+++ b/package.json
@@ -11,6 +11,7 @@
     "medium-zoom": "^1.1.0",
     "open-cli": "^8.0.0",
     "postcss-rtlcss": "^5.6.0",
+    "vite-plugin-minipic": "^1.2.1",
     "vitepress": "^1.6.3",
     "vitepress-plugin-google-analytics": "^1.0.2",
     "vitepress-plugin-group-icons": "^1.3.6",