diff --git a/README.md b/README.md
index 5483cbb..f36f30d 100644
--- a/README.md
+++ b/README.md
@@ -1,5 +1,7 @@
 # Recho: Reactive Echo
 
+![preview](/public/news/a-ligter-way-to-code-with-creativity.webp)
+
 > We want to live in the editor forever. — [Luyu Cheng](https://luyu.computer/)
 
 [**Recho**](https://recho.dev/) is a free, [open-source](/LICENCE), reactive notebook-like editor that echoes output inline with your code as comments—enabling beginners, developers, artists, and anyone curious to quickly learn and explore through text experiments/art. Built on the reactive model of [Observable Notebook Kit](https://github.com/observablehq/notebook-kit), Recho aims to make coding accessible, interactive, and playful, turning every manipulation into a creative, in-situ experience—discover the sketches of tomorrow.
diff --git a/app/news/data.js b/app/news/data.js
index 15cd84f..167acd0 100644
--- a/app/news/data.js
+++ b/app/news/data.js
@@ -5,7 +5,7 @@ export const news = [
     summary: "Introducing Recho: a light learning and exploration environment.",
     link: "https://medium.com/@subairui/a-lighter-way-to-code-with-creativity-8c0ac739aa6f",
     author: "Bairui SU",
-    image: "a-ligter-way-to-code-with-creativity.png",
+    image: "a-ligter-way-to-code-with-creativity.webp",
     slug: "hello-world",
   },
 ];
diff --git a/public/news/a-ligter-way-to-code-with-creativity.png b/public/news/a-ligter-way-to-code-with-creativity.png
deleted file mode 100644
index 9dfb41c..0000000
Binary files a/public/news/a-ligter-way-to-code-with-creativity.png and /dev/null differ
diff --git a/public/news/a-ligter-way-to-code-with-creativity.webp b/public/news/a-ligter-way-to-code-with-creativity.webp
new file mode 100644
index 0000000..3f2736e
Binary files /dev/null and b/public/news/a-ligter-way-to-code-with-creativity.webp differ