diff --git a/doc/qtcreator/images/qtcreator-qml-js-editing.png b/doc/qtcreator/images/qtcreator-qml-js-editing.png
deleted file mode 100644
index 731c97f1c23..00000000000
Binary files a/doc/qtcreator/images/qtcreator-qml-js-editing.png and /dev/null differ
diff --git a/doc/qtcreator/images/qtcreator-qml-js-editing.webp b/doc/qtcreator/images/qtcreator-qml-js-editing.webp
new file mode 100644
index 00000000000..ab9a9f48422
Binary files /dev/null and b/doc/qtcreator/images/qtcreator-qml-js-editing.webp differ
diff --git a/doc/qtcreator/src/editors/creator-code-syntax.qdoc b/doc/qtcreator/src/editors/creator-code-syntax.qdoc
index 609e2837915..791bb4fc295 100644
--- a/doc/qtcreator/src/editors/creator-code-syntax.qdoc
+++ b/doc/qtcreator/src/editors/creator-code-syntax.qdoc
@@ -729,8 +729,16 @@
     To automatically format QML/JS files upon saving, select \uicontrol Edit >
     \uicontrol Preferences > \uicontrol {Qt Quick} > \uicontrol {QML/JS Editing} >
     \uicontrol {Enable auto format on file save}.
+    To only format files that belong to the current project, select
+    \uicontrol {Restrict to files contained in the current project}.
 
-    \image qtcreator-qml-js-editing.png "QML/JS Editing preferences"
+    To use an external tool, such as \l {qmlformat}, which automatically
+    formats QML files according to QML coding conventions, select
+    \uicontrol {Use custom command instead of built-in formatter}. In
+    the \uicontrol Command field, enter the path to the tool. In the
+    \uicontrol Arguments field, enter options for running the tool.
+
+    \image qtcreator-qml-js-editing.webp {QML/JS Editing preferences}
 
     \if defined(qtcreator)
     \section1 Inspecting Preprocessed C++ Code
diff --git a/doc/qtcreator/src/qtquick/qtquick-toolbars.qdoc b/doc/qtcreator/src/qtquick/qtquick-toolbars.qdoc
index 674a733357f..a1eea8edfb2 100644
--- a/doc/qtcreator/src/qtquick/qtquick-toolbars.qdoc
+++ b/doc/qtcreator/src/qtquick/qtquick-toolbars.qdoc
@@ -26,7 +26,7 @@
     \uicontrol Edit > \uicontrol Preferences > \uicontrol {Qt Quick} >
     \uicontrol {QML/JS Editing} > \uicontrol {Always show Qt Quick Toolbar}.
 
-    \image qtcreator-qml-js-editing.png "QML/JS Editing preferences"
+    \image qtcreator-qml-js-editing.webp {QML/JS Editing preferences}
 
     Drag the toolbar to pin it to another location. Select
     \inlineimage icons/pin.png