Update screenshots in Introduction section

getting_started/introduction/godot_design_philosophy.rst

@@ -1,5 +1,3 @@
-:article_outdated: True
-
 .. _doc_godot_design_philosophy:
 
 Godot's design philosophy

getting_started/introduction/index.rst

@@ -1,5 +1,3 @@
-:article_outdated: True
-
 .. Intention: provide the necessary information to make the most of the getting
    started series, answering questions like "do I want to learn Godot?", "how
    does it look and feel?", "how does it work?", and "how do I best learn it?".

getting_started/introduction/introduction_to_godot.rst

@@ -1,5 +1,3 @@
-:article_outdated: True
-
 .. _doc_introduction_to_godot:
 
 Introduction to Godot
@@ -55,7 +53,7 @@ Godot comes with a fully-fledged game editor with integrated tools to answer the
 most common needs. It includes a code editor, an animation editor, a tilemap
 editor, a shader editor, a debugger, a profiler, and more.
 
-.. image:: img/introduction_editor.png
+.. image:: img/introduction_editor.webp
 
 The team strives to offer a feature-rich game editor with a consistent user
 experience. While there is always room for improvement, the user interface keeps

getting_started/introduction/key_concepts_overview.rst

@@ -1,5 +1,3 @@
-:article_outdated: True
-
 .. Intention: introduce only a handful of key concepts and avoid a big cognitive
    load. Readers will then be reminded of the concepts further in the getting
    started series, reinforcing their learning.
@@ -26,12 +24,12 @@ a weapon, a menu in the user interface, a single house, an entire level, or
 anything you can think of. Godot's scenes are flexible; they fill the role of
 both prefabs and scenes in some other game engines.
 
-.. image:: img/key_concepts_main_menu.png
+.. image:: img/key_concepts_main_menu.webp
 
 You can also nest scenes. For example, you can put your character in a level,
 and drag and drop a scene as a child of it.
 
-.. image:: img/key_concepts_scene_example.png
+.. image:: img/key_concepts_scene_example.webp
 
 Nodes
 -----
@@ -40,7 +38,7 @@ A scene is composed of one or more **nodes**. Nodes are your game's smallest
 building blocks that you arrange into trees. Here's an example of a character's
 nodes.
 
-.. image:: img/key_concepts_character_nodes.png
+.. image:: img/key_concepts_character_nodes.webp
 
 It is made of a ``CharacterBody2D`` node named "Character", a ``Sprite2D``, a
 ``Camera2D``, and a ``CollisionShape2D``.

getting_started/introduction/learning_new_features.rst

@@ -1,5 +1,3 @@
-:article_outdated: True
-
 .. Keep this page short and sweet! We want users to read it to the end, so they
    know where to find information, how to get help, and how to maximize chances
    of getting answers.
@@ -33,7 +31,7 @@ access it both online and offline. We recommend browsing the reference offline,
 from within the Godot editor. To do so, go to Help -> Search Help or press
 :kbd:`F1`.
 
-.. image:: img/manual_class_reference_search.png
+.. image:: img/manual_class_reference_search.webp
 
 To browse it online, head to the manual's :ref:`Class Reference <doc_class_reference>`
 section.