diff --git a/src/components/BaseHead.astro b/src/components/BaseHead.astro
index 36e1f0b..578a435 100644
--- a/src/components/BaseHead.astro
+++ b/src/components/BaseHead.astro
@@ -40,11 +40,11 @@ const { title, description, image = '/logo.png' } = Astro.props;
 <meta property="og:url" content={Astro.url} />
 <meta property="og:title" content={title} />
 <meta property="og:description" content={description} />
-<meta property="og:image" content={new URL(image, Astro.url)} />
+<meta property="og:image" content={canonicalURL.origin + image} />
 
 <!-- Twitter -->
 <meta property="twitter:card" content="summary_large_image" />
 <meta property="twitter:url" content={Astro.url} />
 <meta property="twitter:title" content={title} />
 <meta property="twitter:description" content={description} />
-<meta property="twitter:image" content={new URL(image, Astro.url)} />
+<meta property="twitter:image" content={canonicalURL.origin + image} />