diff --git a/getting_started/step_by_step/img/scripting_first_script_centering_sprite.png b/getting_started/step_by_step/img/scripting_first_script_centering_sprite.png
deleted file mode 100644
index f4c0be97d..000000000
Binary files a/getting_started/step_by_step/img/scripting_first_script_centering_sprite.png and /dev/null differ
diff --git a/getting_started/step_by_step/img/scripting_first_script_centering_sprite.webp b/getting_started/step_by_step/img/scripting_first_script_centering_sprite.webp
new file mode 100644
index 000000000..ecd023c35
Binary files /dev/null and b/getting_started/step_by_step/img/scripting_first_script_centering_sprite.webp differ
diff --git a/getting_started/step_by_step/img/scripting_first_script_click_other_node.png b/getting_started/step_by_step/img/scripting_first_script_click_other_node.png
deleted file mode 100644
index efb42d1ad..000000000
Binary files a/getting_started/step_by_step/img/scripting_first_script_click_other_node.png and /dev/null differ
diff --git a/getting_started/step_by_step/img/scripting_first_script_click_other_node.webp b/getting_started/step_by_step/img/scripting_first_script_click_other_node.webp
new file mode 100644
index 000000000..dc762e4f4
Binary files /dev/null and b/getting_started/step_by_step/img/scripting_first_script_click_other_node.webp differ
diff --git a/getting_started/step_by_step/img/scripting_first_script_dragging_sprite.png b/getting_started/step_by_step/img/scripting_first_script_dragging_sprite.png
deleted file mode 100644
index 3024adedf..000000000
Binary files a/getting_started/step_by_step/img/scripting_first_script_dragging_sprite.png and /dev/null differ
diff --git a/getting_started/step_by_step/img/scripting_first_script_print_hello_world.png b/getting_started/step_by_step/img/scripting_first_script_print_hello_world.png
deleted file mode 100644
index 8e55de36f..000000000
Binary files a/getting_started/step_by_step/img/scripting_first_script_print_hello_world.png and /dev/null differ
diff --git a/getting_started/step_by_step/img/scripting_first_script_print_hello_world.webp b/getting_started/step_by_step/img/scripting_first_script_print_hello_world.webp
new file mode 100644
index 000000000..fb64d5ca2
Binary files /dev/null and b/getting_started/step_by_step/img/scripting_first_script_print_hello_world.webp differ
diff --git a/getting_started/step_by_step/scripting_first_script.rst b/getting_started/step_by_step/scripting_first_script.rst
index e0973999c..a55ee2bf2 100644
--- a/getting_started/step_by_step/scripting_first_script.rst
+++ b/getting_started/step_by_step/scripting_first_script.rst
@@ -1,5 +1,3 @@
-:article_outdated: True
-
 ..
     Intention:
 
@@ -44,7 +42,7 @@ icon, which we often use for prototyping in the community.
 We need to create a Sprite2D node to display it in the game. In the Scene dock,
 click the Other Node button.
 
-.. image:: img/scripting_first_script_click_other_node.png
+.. image:: img/scripting_first_script_click_other_node.webp
 
 Type "Sprite2D" in the search bar to filter nodes and double-click on Sprite2D
 to create the node.
@@ -67,11 +65,9 @@ slot.
     You can create Sprite2D nodes automatically by dragging and dropping images
     on the viewport.
 
-    .. image:: img/scripting_first_script_dragging_sprite.png
-
 Then, click and drag the icon in the viewport to center it in the game view.
 
-.. image:: img/scripting_first_script_centering_sprite.png
+.. image:: img/scripting_first_script_centering_sprite.webp
 
 Creating a new script
 ---------------------
@@ -163,7 +159,7 @@ Save the scene as ``sprite_2d.tscn`` if you haven't already, then press :kbd:`F6
 to run it. Look at the **Output** bottom panel that expands.
 It should display "Hello, world!".
 
-.. image:: img/scripting_first_script_print_hello_world.png
+.. image:: img/scripting_first_script_print_hello_world.webp
 
 Delete the ``_init()`` function, so you're only left with the line ``extends
 Sprite2D``.