diff --git a/content/_index.md b/content/_index.md
index ea5b143..44dcc9b 100644
--- a/content/_index.md
+++ b/content/_index.md
@@ -6,7 +6,7 @@ sort_by = "date"
 template = "section.html"
 
 [extra]
-desc = {title = "Hello! I'm tabi~", img = "$BASE_URL/img/main.png" }
+desc = {title = "Hello! I'm tabi~", img = "$BASE_URL/img/main.webp" }
 +++
 
 Tabi is a simple theme for [Zola](https://www.getzola.org/). It aims to be a personal page and home to blog posts. It features responsive design, dark and light modes, and high performance.
diff --git a/content/markdown.md b/content/markdown.md
index 3524775..80b238e 100644
--- a/content/markdown.md
+++ b/content/markdown.md
@@ -20,7 +20,7 @@ Here's an example of a table. Its header colour changes depending on the current
 
 This image inverts when switching to dark mode. This isn't very useful for photographs, but works great for diagrams, line drawings, graphs…
 
-{{ invertable_image(src="$BASE_URL/img/graph.png", alt="Invertable graph") }}
+{{ invertable_image(src="$BASE_URL/img/graph.webp", alt="Invertable graph") }}
 
 ## Code Block
 
@@ -39,4 +39,3 @@ fn main() {
 
 Lorem ipsum `dolor` sit amet, `consectetur adipiscing` elit.
 `Lorem ipsum dolor sit amet, consectetur adipiscing elit.`
-
diff --git a/static/img/graph.png b/static/img/graph.png
deleted file mode 100644
index 072970e..0000000
Binary files a/static/img/graph.png and /dev/null differ
diff --git a/static/img/graph.webp b/static/img/graph.webp
new file mode 100644
index 0000000..5c2b9cd
Binary files /dev/null and b/static/img/graph.webp differ
diff --git a/static/img/main.png b/static/img/main.png
deleted file mode 100644
index bcd805f..0000000
Binary files a/static/img/main.png and /dev/null differ
diff --git a/static/img/main.webp b/static/img/main.webp
new file mode 100644
index 0000000..e27412b
Binary files /dev/null and b/static/img/main.webp differ