diff --git a/public/og-home.svg b/public/og-home.svg
index b6c49f7..12d12dd 100644
--- a/public/og-home.svg
+++ b/public/og-home.svg
@@ -10,6 +10,9 @@
    xml:space="preserve"
    inkscape:version="1.4.3 (0d15f75042, 2025-12-25)"
    sodipodi:docname="og-home.svg"
+   inkscape:export-filename="og-home.png"
+   inkscape:export-xdpi="25.4"
+   inkscape:export-ydpi="25.4"
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
    xmlns="http://www.w3.org/2000/svg"
@@ -31,7 +34,8 @@
      inkscape:window-x="0"
      inkscape:window-y="0"
      inkscape:window-maximized="1"
-     inkscape:current-layer="layer1" /><defs
+     inkscape:current-layer="layer1"
+     inkscape:export-bgcolor="#ffffffff" /><defs
      id="defs1" /><g
      inkscape:label="Layer 1"
      inkscape:groupmode="layer"
diff --git a/src/lib/og-card.ts b/src/lib/og-card.ts
index c709780..68d7ae4 100644
--- a/src/lib/og-card.ts
+++ b/src/lib/og-card.ts
@@ -1,4 +1,3 @@
-import sharp from "sharp";
 import { escapeHtml } from "./html.ts";
 
 const OG_CARD_WIDTH = 1200;
@@ -152,6 +151,7 @@ async function fetchAvatarCircle(
 	diameter: number,
 ): Promise<Buffer | null> {
 	try {
+		const { default: sharp } = await import("sharp");
 		const res = await fetch(url, { signal: AbortSignal.timeout(3000) });
 		if (!res.ok) return null;
 		const bytes = Buffer.from(await res.arrayBuffer());
@@ -179,6 +179,7 @@ export async function renderCardPng(
 	svg: string,
 	avatar?: { url: string; diameter: number; left: number; top: number } | null,
 ): Promise<Buffer> {
+	const { default: sharp } = await import("sharp");
 	const base = sharp(Buffer.from(svg)).png();
 	if (!avatar) return await base.toBuffer();
 	const avatarPng = await fetchAvatarCircle(avatar.url, avatar.diameter);