diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 762476b..f5b0b47 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -19,6 +19,10 @@ SPDX-License-Identifier: MIT
 	<meta name="description" content="An interactive explainer for WebRTC SDP." />
 	<meta property="og:description" content="An interactive explainer for WebRTC SDP." />
 	<meta property="og:image" content="https://explainer.pion.ly/showcase.png" />
+	<meta property="og:image:type" content="image/png" />
+	<meta property="og:image:width" content="1200" />
+	<meta property="og:image:height" content="630" />
+	<meta name="twitter:card" content="summary_large_image" />
 	<meta property="og:url" content="https://explainer.pion.ly/" />
 
 	<!-- Served from static/ so the paths stay stable for browsers and crawlers. -->
diff --git a/static/showcase.png b/static/showcase.png
index 1ae8d56..c89f653 100644
Binary files a/static/showcase.png and b/static/showcase.png differ