🍱 improvement: use webp instead of png

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.

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.`
-