diff --git a/docs/assets/img/screenshot.png b/docs/assets/img/screenshot.png
new file mode 100644
index 000000000..debdb2bef
Binary files /dev/null and b/docs/assets/img/screenshot.png differ
diff --git a/docs/index.html b/docs/index.html
index 717c70d48..c1020b91d 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -9,6 +9,8 @@
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0" />
     <meta name="keywords" content="artplayer, player, js, html5, video" />
     <meta name="description" content="ArtPlayer.js is a modern and full featured HTML5 video player" />
+    <meta name="twitter:image" content="https://artplayer.org/assets/img/screenshot.png" />
+    <meta property="og:image" content="https://artplayer.org/assets/img/screenshot.png" />
     <link rel="shortcut icon" href="./assets/img/favicon.ico" type="image/x-icon" />
     <link rel="stylesheet" href="./assets/css/normalize.css" />
     <link rel="stylesheet" href="./assets/css/style.css" />
diff --git a/images/screenshot.png b/images/screenshot.png
index 9f871e8bc..debdb2bef 100644
Binary files a/images/screenshot.png and b/images/screenshot.png differ