diff --git a/web/App.svelte b/web/App.svelte
index bde7b41..c62a50d 100644
--- a/web/App.svelte
+++ b/web/App.svelte
@@ -1,6 +1,7 @@
 <script lang="ts">
 	import getComponentForShare from "./contentType";
 	import NotFound from "./NotFound.svelte";
+	import sizeToReadable from "./sizeToReadable";
 
 	const regex = /filename="(.*)"/gm;
 	const slug = window.location.pathname.split("/").pop();
@@ -8,6 +9,7 @@
 	let notFound = false;
 	let contentType: string;
 	let filename: string;
+	let fileSize: number = 0;
 
 	async function getFileHead() {
 		const res = await fetch(`/s/${slug}`,{method:"HEAD"});
@@ -18,6 +20,7 @@
 		}
 
 		contentType = res.headers.get("Content-Type");
+		fileSize = parseInt(res.headers.get("Content-Length"));
 
 		let match;
 		while ((match = regex.exec(res.headers.get("Content-Disposition"))) !== null) {
@@ -34,7 +37,7 @@
 
 {#if !notFound}
 	<div class="dl">
-		<a href="/s/{slug}">Download</a>
+		<a href="/s/{slug}">Download ({sizeToReadable(fileSize)})</a>
 	</div>
 {/if}
 <main>
diff --git a/web/sizeToReadable.ts b/web/sizeToReadable.ts
new file mode 100644
index 0000000..90a6797
--- /dev/null
+++ b/web/sizeToReadable.ts
@@ -0,0 +1,10 @@
+function sizeToReadable(size: number): string {
+	if (size == 0)
+		return "0 B"
+	const i = Math.floor(Math.log(size) / Math.log(1024))
+	const num = (size / Math.pow(1024, i))
+	return (num.toFixed(1).endsWith("0")?num.toFixed(0):num.toFixed(1)) + " " + ["B", "kB", "MB", "GB", "TB"][i]
+
+}
+
+export default sizeToReadable