diff --git a/README.md b/README.md
index 7479e00..739ae68 100644
--- a/README.md
+++ b/README.md
@@ -19,19 +19,19 @@
 
 <details>
 <summary>🌻 Latte</summary>
-<img src="/assets/latte.png"/>
+<img src="/assets/latte.webp"/>
 </details>
 <details>
 <summary>🪴 Frappé</summary>
-<img src="/assets/frappe.png"/>
+<img src="/assets/frappe.webp"/>
 </details>
 <details>
 <summary>🌺 Macchiato</summary>
-<img src="/assets/macchiato.png"/>
+<img src="/assets/macchiato.webp"/>
 </details>
 <details>
 <summary>🌿 Mocha</summary>
-<img src="/assets/mocha.png"/>
+<img src="/assets/mocha.webp"/>
 </details>
 
 ## Usage
diff --git a/assets/frappe.png b/assets/frappe.png
deleted file mode 100644
index 8ee2269..0000000
Binary files a/assets/frappe.png and /dev/null differ
diff --git a/assets/frappe.webp b/assets/frappe.webp
new file mode 100644
index 0000000..d75ab2e
Binary files /dev/null and b/assets/frappe.webp differ
diff --git a/assets/latte.png b/assets/latte.png
deleted file mode 100644
index d022f36..0000000
Binary files a/assets/latte.png and /dev/null differ
diff --git a/assets/latte.webp b/assets/latte.webp
new file mode 100644
index 0000000..fc6f567
Binary files /dev/null and b/assets/latte.webp differ
diff --git a/assets/macchiato.png b/assets/macchiato.png
deleted file mode 100644
index a968cb2..0000000
Binary files a/assets/macchiato.png and /dev/null differ
diff --git a/assets/macchiato.webp b/assets/macchiato.webp
new file mode 100644
index 0000000..285f79e
Binary files /dev/null and b/assets/macchiato.webp differ
diff --git a/assets/mocha.png b/assets/mocha.png
deleted file mode 100644
index f516f09..0000000
Binary files a/assets/mocha.png and /dev/null differ
diff --git a/assets/mocha.webp b/assets/mocha.webp
new file mode 100644
index 0000000..b66f66b
Binary files /dev/null and b/assets/mocha.webp differ
diff --git a/assets/preview.webp b/assets/preview.webp
index f1ced1c..90f561b 100644
Binary files a/assets/preview.webp and b/assets/preview.webp differ