diff --git a/apps/web/public/img/dash/pass/bg.png b/apps/web/public/img/dash/pass/bg.png
deleted file mode 100644
index 646062c6..00000000
Binary files a/apps/web/public/img/dash/pass/bg.png and /dev/null differ
diff --git a/apps/web/public/img/dash/pass/bg.webp b/apps/web/public/img/dash/pass/bg.webp
new file mode 100644
index 00000000..66a2c4f7
Binary files /dev/null and b/apps/web/public/img/dash/pass/bg.webp differ
diff --git a/apps/web/src/app/dash/pass/page.tsx b/apps/web/src/app/dash/pass/page.tsx
index dfbfefd7..41c6a4c1 100644
--- a/apps/web/src/app/dash/pass/page.tsx
+++ b/apps/web/src/app/dash/pass/page.tsx
@@ -78,6 +78,7 @@ function EventPass({ qrPayload, user, clerk, guild }: EventPassProps) {
 						src={c.eventPassBgImage}
 						alt={""}
 						fill
+						priority
 						className="no-select -translate-y-[15%] scale-[0.8] object-contain"
 					/>
 					<div className="grid h-20 w-full grid-cols-2">
diff --git a/packages/config/hackkit.config.ts b/packages/config/hackkit.config.ts
index 7c4d13da..1af738aa 100644
--- a/packages/config/hackkit.config.ts
+++ b/packages/config/hackkit.config.ts
@@ -872,7 +872,7 @@ const c = {
 	maxResumeSizeInBytes: 4194304,
 	maxProfilePhotoSizeInBytes: 3145728,
 	maxFileSizeInBytes: 4194304,
-	eventPassBgImage: "/img/dash/pass/bg.png",
+	eventPassBgImage: "/img/dash/pass/bg.webp",
 	noResumeProvidedURL:
 		"https://static.acmutsa.org/No%20Resume%20Provided.pdf",
 	// Come in and change this date to whenever the hackathon starts