diff --git a/README.md b/README.md
index 4d8f03720..4e710c74a 100644
--- a/README.md
+++ b/README.md
@@ -22,7 +22,7 @@
   <a href="https://testflight.apple.com/join/bucuTBpa">iOS TestFlight</a>
 </p>
 
-<img width="2560" height="1600" alt="HealthLog dashboard: health metric tiles with 7-day trends and a weight chart, dark theme" src="docs/assets/dashboard-hero.png" />
+<img width="2434" height="1247" alt="HealthLog dashboard: health metric tiles with 7-day trends, blood-pressure and weight charts, dark theme" src="docs/assets/dashboard-hero.jpeg" />
 
 ## Why HealthLog
 
diff --git a/docs/assets/dashboard-hero.jpeg b/docs/assets/dashboard-hero.jpeg
new file mode 100755
index 000000000..26fd5be3e
Binary files /dev/null and b/docs/assets/dashboard-hero.jpeg differ
diff --git a/docs/assets/dashboard-hero.png b/docs/assets/dashboard-hero.png
deleted file mode 100644
index f065f336c..000000000
Binary files a/docs/assets/dashboard-hero.png and /dev/null differ