diff --git a/docs/index.html b/docs/index.html
index 52dd7df..89b474c 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -18,7 +18,9 @@
     <meta property="og:url" content="https://www.notediscovery.com/">
     <meta property="og:title" content="NoteDiscovery - Your Self-Hosted Knowledge Base">
     <meta property="og:description" content="A lightweight, privacy-focused note-taking application. Self-hosted, free, and open source.">
-    <meta property="og:image" content="https://www.notediscovery.com/logo.svg">
+    <meta property="og:image" content="https://www.notediscovery.com/og-image.png">
+    <meta property="og:image:width" content="1200">
+    <meta property="og:image:height" content="630">
     <meta property="og:site_name" content="NoteDiscovery">
     
     <!-- Twitter -->
@@ -26,7 +28,7 @@
     <meta name="twitter:url" content="https://www.notediscovery.com/">
     <meta name="twitter:title" content="NoteDiscovery - Your Self-Hosted Knowledge Base">
     <meta name="twitter:description" content="A lightweight, privacy-focused note-taking application. Self-hosted, free, and open source.">
-    <meta name="twitter:image" content="https://www.notediscovery.com/logo.svg">
+    <meta name="twitter:image" content="https://www.notediscovery.com/og-image.png">
     
     <!-- Favicon -->
     <link rel="icon" type="image/svg+xml" href="favicon.svg">
diff --git a/docs/og-image.png b/docs/og-image.png
new file mode 100644
index 0000000..27b1fcd
Binary files /dev/null and b/docs/og-image.png differ