diff --git a/getting_started/first_2d_game/01.project_setup.rst b/getting_started/first_2d_game/01.project_setup.rst
index eca3ee0802f..12639be18c1 100644
--- a/getting_started/first_2d_game/01.project_setup.rst
+++ b/getting_started/first_2d_game/01.project_setup.rst
@@ -36,7 +36,7 @@ When creating the new project, you only need to choose a valid *Project Path*. Y
 
 Your project folder should look like this.
 
-.. image:: img/folder-content.png
+.. image:: img/folder-content.webp
 
 This game is designed for portrait mode, so we need to adjust the size of the
 game window. Click on *Project -> Project Settings* to open the project settings
diff --git a/getting_started/first_2d_game/img/folder-content.png b/getting_started/first_2d_game/img/folder-content.png
deleted file mode 100644
index 1d7522635af..00000000000
Binary files a/getting_started/first_2d_game/img/folder-content.png and /dev/null differ
diff --git a/getting_started/first_2d_game/img/folder-content.webp b/getting_started/first_2d_game/img/folder-content.webp
new file mode 100644
index 00000000000..b60bdf86189
Binary files /dev/null and b/getting_started/first_2d_game/img/folder-content.webp differ