diff --git a/config.toml b/config.toml
index 92c91bb..e207380 100644
--- a/config.toml
+++ b/config.toml
@@ -26,13 +26,13 @@ ignoreErrors = ["error-disable-taxonomy"]
 
   # The path to your "favicon". This should be a square (at least 32px x 32px) png-file.
   # Hint: It's good practise to also put a "favicon.ico"-file into your "static"-folder.
-  favicon = "img/boba_mochi.png"
+  favicon = "img/boba_mochi.webp"
 
   # These "images" are used for the structured data templates. This will show up, when
   # services like Twitter or Slack want to generate a preview of a link to your site.
   # See https://gohugo.io/templates/internal#twitter-cards and
   # https://gohugo.io/templates/internal#open-graph.
-  images = ["img/boba_mochi.gif"]
+  images = ["img/boba_mochi.webp"]
 
   # Another "title" :-). This one is used as the site_name on the Hugo's internal
   # opengraph structured data template.
diff --git a/static/favicon.ico b/static/favicon.ico
index 77cb9ab..4bb79d6 100644
Binary files a/static/favicon.ico and b/static/favicon.ico differ
diff --git a/static/img/boba_mochi.gif b/static/img/boba_mochi.gif
index f0fff20..f01da57 100644
Binary files a/static/img/boba_mochi.gif and b/static/img/boba_mochi.gif differ
diff --git a/static/img/boba_mochi.png b/static/img/boba_mochi.png
index 37c8b6d..3497fbc 100644
Binary files a/static/img/boba_mochi.png and b/static/img/boba_mochi.png differ
diff --git a/static/img/boba_mochi.webp b/static/img/boba_mochi.webp
new file mode 100644
index 0000000..079995f
Binary files /dev/null and b/static/img/boba_mochi.webp differ