diff --git a/.env.example b/.env.example
index bd9843bf..bfdc357d 100644
--- a/.env.example
+++ b/.env.example
@@ -204,7 +204,7 @@ TINYAUTH_UI_TITLE="Tinyauth"
 # Message displayed on the forgot password page.
 TINYAUTH_UI_FORGOTPASSWORDMESSAGE="You can change your password by changing the configuration."
 # Path to the background image.
-TINYAUTH_UI_BACKGROUNDIMAGE="/background.jpg"
+TINYAUTH_UI_BACKGROUNDIMAGE="/background.webp"
 # Enable UI warnings.
 TINYAUTH_UI_WARNINGSENABLED=true
 
diff --git a/README.md b/README.md
index 065df5c7..666d2800 100644
--- a/README.md
+++ b/README.md
@@ -87,4 +87,4 @@ A huge thank you to [selfh.st](https://selfh.st) for their generous donation to
 
 - **Freepik** for providing the police hat and badge.
 - **Renee French** for the original gopher logo.
-- **Syrhu** for providing the background image of the app.
+- [Siru Zhou](https://unsplash.com/@syrhu) for providing the background image of the app.
diff --git a/assets/background.jpg b/assets/background.jpg
new file mode 100644
index 00000000..60f96284
Binary files /dev/null and b/assets/background.jpg differ
diff --git a/frontend/public/background.jpg b/frontend/public/background.jpg
deleted file mode 100644
index d2cbf942..00000000
Binary files a/frontend/public/background.jpg and /dev/null differ
diff --git a/frontend/public/background.webp b/frontend/public/background.webp
new file mode 100644
index 00000000..f95a43eb
Binary files /dev/null and b/frontend/public/background.webp differ
diff --git a/internal/model/config.go b/internal/model/config.go
index 80b986f0..24ba6302 100644
--- a/internal/model/config.go
+++ b/internal/model/config.go
@@ -53,7 +53,7 @@ func NewDefaultConfiguration(runtimeEnv RuntimeEnv) *Config {
 		UI: UIConfig{
 			Title:                 "Tinyauth",
 			ForgotPasswordMessage: "You can change your password by changing the configuration.",
-			BackgroundImage:       "/background.jpg",
+			BackgroundImage:       "/background.webp",
 			WarningsEnabled:       true,
 		},
 		LDAP: LDAPConfig{
diff --git a/internal/test/test.go b/internal/test/test.go
index 031d5e1f..45daf2a1 100644
--- a/internal/test/test.go
+++ b/internal/test/test.go
@@ -18,7 +18,7 @@ func CreateTestConfigs(t *testing.T) (model.Config, model.RuntimeConfig) {
 		UI: model.UIConfig{
 			Title:                 "Tinyauth Test",
 			ForgotPasswordMessage: "foo",
-			BackgroundImage:       "/background.jpg",
+			BackgroundImage:       "/background.webp",
 			WarningsEnabled:       true,
 		},
 		OAuth: model.OAuthConfig{