diff --git a/examples/device-dashboard/README.md b/examples/device-dashboard/README.md
index 775ad6e7..6286c2a2 100644
--- a/examples/device-dashboard/README.md
+++ b/examples/device-dashboard/README.md
@@ -18,10 +18,10 @@ following features:
 
 This is a login screen that prompts for user/password
 
-![](screenshots/login.png)
+![](screenshots/login.webp)
 
 # Main dashboard
 
 A main dashboard page shows and interactive MQTT console
 
-![](screenshots/dashboard.png)
+![](screenshots/dashboard.webp)
diff --git a/examples/device-dashboard/screenshots/dashboard.webp b/examples/device-dashboard/screenshots/dashboard.webp
new file mode 100644
index 00000000..f7227b1c
Binary files /dev/null and b/examples/device-dashboard/screenshots/dashboard.webp differ
diff --git a/examples/device-dashboard/screenshots/login.webp b/examples/device-dashboard/screenshots/login.webp
new file mode 100644
index 00000000..df261fa2
Binary files /dev/null and b/examples/device-dashboard/screenshots/login.webp differ