diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 21065af..6b18681 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -4,6 +4,7 @@
 	import Avatar from '$lib/atproto/UI/Avatar.svelte';
 	import Button from '$lib/atproto/UI/Button.svelte';
 	import { loginModalState } from '$lib/atproto/UI/LoginModal.svelte';
+	import { resolve } from '$app/paths';
 	type ImageRecord = {
 		uri: string;
 		value: Record<string, unknown>;
@@ -97,7 +98,7 @@
 	}
 
 	function getShareLink(uri: string): string {
-		return `${window.location.origin}/image?uri=${encodeURIComponent(uri)}`;
+		return `${window.location.origin}${resolve('/image')}?uri=${encodeURIComponent(uri)}`;
 	}
 
 	async function copyLink(event: Event, uri: string) {
@@ -167,7 +168,7 @@
 					{@const imageUrl = getImageUrl(image)}
 					{#if imageUrl}
 						<a
-							href="/image?uri={encodeURIComponent(image.uri)}"
+							href="{resolve('/image')}?uri={encodeURIComponent(image.uri)}"
 							class="group relative aspect-square overflow-hidden rounded-xl bg-base-200 dark:bg-base-800"
 						>
 							<img
diff --git a/src/routes/image/+page.svelte b/src/routes/image/+page.svelte
index 73f0dec..4be3590 100644
--- a/src/routes/image/+page.svelte
+++ b/src/routes/image/+page.svelte
@@ -1,5 +1,6 @@
 <script lang="ts">
 	import { page } from '$app/state';
+	import { resolve } from '$app/paths';
 	import { parseUri, getRecord, getDetailedProfile, getBlobURL, getCDNImageBlobUrl } from '$lib/atproto';
 	import type { Did } from '@atcute/lexicons';
 
@@ -32,7 +33,7 @@
 
 	function getShareLink(): string {
 		const uri = page.url.searchParams.get('uri');
-		return `${window.location.origin}/image?uri=${encodeURIComponent(uri || '')}`;
+		return `${window.location.origin}${resolve('/image')}?uri=${encodeURIComponent(uri || '')}`;
 	}
 
 	async function copyLink() {