diff --git a/content/en/metrics/distributions.md b/content/en/metrics/distributions.md
index bf617d34c8db9..f46eb396bca0c 100644
--- a/content/en/metrics/distributions.md
+++ b/content/en/metrics/distributions.md
@@ -92,7 +92,7 @@ You can similarly create a metric-based SLO using threshold queries:
 1. Enable percentiles on your distribution metric on the Metrics Summary page.
 2. Create a new Metric-Based SLO and define the numerator as the number of "good" events with a query on your chosen distribution metric using the "count values..." aggregator.
 3. Specify a threshold value and comparison operator.
-{{< img src="metrics/distributions/threshold_SLO.jpg" alt="Threshold Queries for SLOs" style="width:80%;">}}
+{{< img src="metrics/distributions/threshold_SLO.png" alt="Threshold Queries for SLOs" style="width:80%;">}}
 
 ## Customize tagging
 
diff --git a/static/images/metrics/distributions/threshold_SLO.jpg b/static/images/metrics/distributions/threshold_SLO.jpg
deleted file mode 100644
index b0f05e4326706..0000000000000
Binary files a/static/images/metrics/distributions/threshold_SLO.jpg and /dev/null differ
diff --git a/static/images/metrics/distributions/threshold_SLO.png b/static/images/metrics/distributions/threshold_SLO.png
new file mode 100644
index 0000000000000..9ca1ed4bc1f62
Binary files /dev/null and b/static/images/metrics/distributions/threshold_SLO.png differ