diff --git a/packages/docs/astro.config.mjs b/packages/docs/astro.config.mjs
index 2b0fba09..243e7c97 100644
--- a/packages/docs/astro.config.mjs
+++ b/packages/docs/astro.config.mjs
@@ -15,6 +15,10 @@ export default defineConfig({
       social: {
         github: "https://github.com/jimp-dev/jimp",
       },
+      favicon: "/favicon.png",
+      components: {
+        Head: "./src/overwrite-components/head.astro",
+      },
       sidebar: [
         {
           label: "Docs",
diff --git a/packages/docs/public/favicon.png b/packages/docs/public/favicon.png
new file mode 100644
index 00000000..027213c8
Binary files /dev/null and b/packages/docs/public/favicon.png differ
diff --git a/packages/docs/public/favicon.svg b/packages/docs/public/favicon.svg
deleted file mode 100644
index cba5ac14..00000000
--- a/packages/docs/public/favicon.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128"><path fill-rule="evenodd" d="M81 36 64 0 47 36l-1 2-9-10a6 6 0 0 0-9 9l10 10h-2L0 64l36 17h2L28 91a6 6 0 1 0 9 9l9-10 1 2 17 36 17-36v-2l9 10a6 6 0 1 0 9-9l-9-9 2-1 36-17-36-17-2-1 9-9a6 6 0 1 0-9-9l-9 10v-2Zm-17 2-2 5c-4 8-11 15-19 19l-5 2 5 2c8 4 15 11 19 19l2 5 2-5c4-8 11-15 19-19l5-2-5-2c-8-4-15-11-19-19l-2-5Z" clip-rule="evenodd"/><path d="M118 19a6 6 0 0 0-9-9l-3 3a6 6 0 1 0 9 9l3-3Zm-96 4c-2 2-6 2-9 0l-3-3a6 6 0 1 1 9-9l3 3c3 2 3 6 0 9Zm0 82c-2-2-6-2-9 0l-3 3a6 6 0 1 0 9 9l3-3c3-2 3-6 0-9Zm96 4a6 6 0 0 1-9 9l-3-3a6 6 0 1 1 9-9l3 3Z"/><style>path{fill:#000}@media (prefers-color-scheme:dark){path{fill:#fff}}</style></svg>
\ No newline at end of file
diff --git a/packages/docs/public/share-banner.png b/packages/docs/public/share-banner.png
new file mode 100644
index 00000000..68a14bcd
Binary files /dev/null and b/packages/docs/public/share-banner.png differ
diff --git a/packages/docs/src/overwrite-components/head.astro b/packages/docs/src/overwrite-components/head.astro
new file mode 100644
index 00000000..713d6798
--- /dev/null
+++ b/packages/docs/src/overwrite-components/head.astro
@@ -0,0 +1,11 @@
+---
+import type { Props } from "@astrojs/starlight/props";
+import Default from "@astrojs/starlight/components/Head.astro";
+---
+
+<Default {...Astro.props}>
+	<slot />
+</Default>
+<meta name="twitter:image" content="https://jimp-dev.github.io/jimp/share-banner.png">
+<meta name="twitter:card" content="summary_large_image">
+<meta property="og:image" content="https://jimp-dev.github.io/jimp/share-banner.png">