diff --git a/README.md b/README.md
index 3ab65a9..2b1961b 100644
--- a/README.md
+++ b/README.md
@@ -12,7 +12,7 @@ violating the DRY (Don't Repeat Yourself) Principle in
 Link to slides:
 <https://www.indrapatil.com/dry-r-package-development/>
 
-<img src="media/simpsons.png" width="50%" alt="Simpsons cartoon where a character is writing on the blackboard that they will not repeat themselves while repeating themselves by writing the same thing again and again" />
+<img src="media/simpsons.webp" width="50%" alt="Simpsons cartoon where a character is writing on the blackboard that they will not repeat themselves while repeating themselves by writing the same thing again and again" />
 
 ## Development
 
diff --git a/index.qmd b/index.qmd
index e5a9c93..873ee15 100644
--- a/index.qmd
+++ b/index.qmd
@@ -43,7 +43,7 @@ Indrajeet Patil
 ```{r}
 #| echo: false
 #| eval: true
-knitr::include_graphics("media/simpsons.png")
+knitr::include_graphics("media/simpsons.webp")
 ```
 
 ::: {style="text-align: center; font-size: 0.7em; margin-top: 2em; color: #666;"}
@@ -179,7 +179,7 @@ Some documentation is important enough to be included in multiple places (e.g. i
 ::: {.column width='60%'}
 
 ```{r, echo=FALSE, eval=TRUE, out.width="100%"}
-knitr::include_graphics("media/spiderman.jpeg")
+knitr::include_graphics("media/spiderman.webp")
 ```
 
 :::
diff --git a/media/simpsons.png b/media/simpsons.png
deleted file mode 100644
index d97d575..0000000
Binary files a/media/simpsons.png and /dev/null differ
diff --git a/media/simpsons.webp b/media/simpsons.webp
new file mode 100644
index 0000000..a4e262f
Binary files /dev/null and b/media/simpsons.webp differ
diff --git a/media/spiderman.jpeg b/media/spiderman.jpeg
deleted file mode 100644
index 118a19c..0000000
Binary files a/media/spiderman.jpeg and /dev/null differ
diff --git a/media/spiderman.webp b/media/spiderman.webp
new file mode 100644
index 0000000..d0174f3
Binary files /dev/null and b/media/spiderman.webp differ