diff --git a/doc/qtdesignstudio/images/3d-view-context-menu.png b/doc/qtdesignstudio/images/3d-view-context-menu.png
index c2e35e00198..5b08c568cb4 100644
Binary files a/doc/qtdesignstudio/images/3d-view-context-menu.png and b/doc/qtdesignstudio/images/3d-view-context-menu.png differ
diff --git a/doc/qtdesignstudio/images/content-library-add-texture.png b/doc/qtdesignstudio/images/content-library-add-texture.png
index ae820a39c86..75cc1bec0f5 100644
Binary files a/doc/qtdesignstudio/images/content-library-add-texture.png and b/doc/qtdesignstudio/images/content-library-add-texture.png differ
diff --git a/doc/qtdesignstudio/images/loader3d-navigator.png b/doc/qtdesignstudio/images/loader3d-navigator.png
index 0c049a61464..4c9345d462a 100644
Binary files a/doc/qtdesignstudio/images/loader3d-navigator.png and b/doc/qtdesignstudio/images/loader3d-navigator.png differ
diff --git a/doc/qtdesignstudio/images/material-copy-properties.png b/doc/qtdesignstudio/images/material-copy-properties.png
index aae30209295..d454685a856 100644
Binary files a/doc/qtdesignstudio/images/material-copy-properties.png and b/doc/qtdesignstudio/images/material-copy-properties.png differ
diff --git a/doc/qtdesignstudio/images/navigator-material-texture.png b/doc/qtdesignstudio/images/navigator-material-texture.png
index 4256e959c61..849625e1ebd 100644
Binary files a/doc/qtdesignstudio/images/navigator-material-texture.png and b/doc/qtdesignstudio/images/navigator-material-texture.png differ
diff --git a/doc/qtdesignstudio/images/navigator-show-all-loader.png b/doc/qtdesignstudio/images/navigator-show-all-loader.png
index 2052be66b38..40f3fe0866e 100644
Binary files a/doc/qtdesignstudio/images/navigator-show-all-loader.png and b/doc/qtdesignstudio/images/navigator-show-all-loader.png differ
diff --git a/doc/qtdesignstudio/images/qml-shapes-rectangle.png b/doc/qtdesignstudio/images/qml-shapes-rectangle.png
index a2f5eaee0f4..0dde7e33f6a 100644
Binary files a/doc/qtdesignstudio/images/qml-shapes-rectangle.png and b/doc/qtdesignstudio/images/qml-shapes-rectangle.png differ
diff --git a/doc/qtdesignstudio/images/qml-shapes.png b/doc/qtdesignstudio/images/qml-shapes.png
index cc0f2c3324e..6aaa46a07eb 100644
Binary files a/doc/qtdesignstudio/images/qml-shapes.png and b/doc/qtdesignstudio/images/qml-shapes.png differ
diff --git a/doc/qtdesignstudio/images/qmldesigner-alignment.png b/doc/qtdesignstudio/images/qmldesigner-alignment.png
index 70ad846850d..ffc4109c57f 100644
Binary files a/doc/qtdesignstudio/images/qmldesigner-alignment.png and b/doc/qtdesignstudio/images/qmldesigner-alignment.png differ
diff --git a/doc/qtdesignstudio/images/qmldesigner-anchors.png b/doc/qtdesignstudio/images/qmldesigner-anchors.png
index 3b4d7d632de..6038027d70b 100644
Binary files a/doc/qtdesignstudio/images/qmldesigner-anchors.png and b/doc/qtdesignstudio/images/qmldesigner-anchors.png differ
diff --git a/doc/qtdesignstudio/images/qmldesigner-bindings.png b/doc/qtdesignstudio/images/qmldesigner-bindings.png
index ad7dde04b7a..3ac0964f76e 100644
Binary files a/doc/qtdesignstudio/images/qmldesigner-bindings.png and b/doc/qtdesignstudio/images/qmldesigner-bindings.png differ
diff --git a/doc/qtdesignstudio/images/qmldesigner-breadcrumbs.png b/doc/qtdesignstudio/images/qmldesigner-breadcrumbs.png
index 2745134bd31..d57d36b9d9c 100644
Binary files a/doc/qtdesignstudio/images/qmldesigner-breadcrumbs.png and b/doc/qtdesignstudio/images/qmldesigner-breadcrumbs.png differ
diff --git a/doc/qtdesignstudio/images/qmldesigner-button.png b/doc/qtdesignstudio/images/qmldesigner-button.png
index 6af7d03ee39..bd8720a021a 100644
Binary files a/doc/qtdesignstudio/images/qmldesigner-button.png and b/doc/qtdesignstudio/images/qmldesigner-button.png differ
diff --git a/doc/qtdesignstudio/images/qmldesigner-canvas-color.png b/doc/qtdesignstudio/images/qmldesigner-canvas-color.png
index af6ce612240..6baef3eb902 100644
Binary files a/doc/qtdesignstudio/images/qmldesigner-canvas-color.png and b/doc/qtdesignstudio/images/qmldesigner-canvas-color.png differ
diff --git a/doc/qtdesignstudio/images/qmldesigner-connections.png b/doc/qtdesignstudio/images/qmldesigner-connections.png
index 827359bf497..605dc835784 100644
Binary files a/doc/qtdesignstudio/images/qmldesigner-connections.png and b/doc/qtdesignstudio/images/qmldesigner-connections.png differ
diff --git a/doc/qtdesignstudio/images/qmldesigner-dynamicprops.png b/doc/qtdesignstudio/images/qmldesigner-dynamicprops.png
index 460be93f2bd..565dc26b0e6 100644
Binary files a/doc/qtdesignstudio/images/qmldesigner-dynamicprops.png and b/doc/qtdesignstudio/images/qmldesigner-dynamicprops.png differ
diff --git a/doc/qtdesignstudio/images/qmldesigner-editing-components.png b/doc/qtdesignstudio/images/qmldesigner-editing-components.png
deleted file mode 100644
index 6184d706dda..00000000000
Binary files a/doc/qtdesignstudio/images/qmldesigner-editing-components.png and /dev/null differ
diff --git a/doc/qtdesignstudio/images/qmldesigner-editing-components.webp b/doc/qtdesignstudio/images/qmldesigner-editing-components.webp
new file mode 100644
index 00000000000..9b725ae546e
Binary files /dev/null and b/doc/qtdesignstudio/images/qmldesigner-editing-components.webp differ
diff --git a/doc/qtdesignstudio/images/qmldesigner-element-size.png b/doc/qtdesignstudio/images/qmldesigner-element-size.png
deleted file mode 100644
index 550eb01dfa9..00000000000
Binary files a/doc/qtdesignstudio/images/qmldesigner-element-size.png and /dev/null differ
diff --git a/doc/qtdesignstudio/images/qmldesigner-element-size.webp b/doc/qtdesignstudio/images/qmldesigner-element-size.webp
new file mode 100644
index 00000000000..90d61b5fa40
Binary files /dev/null and b/doc/qtdesignstudio/images/qmldesigner-element-size.webp differ
diff --git a/doc/qtdesignstudio/images/qmldesigner-export-item.png b/doc/qtdesignstudio/images/qmldesigner-export-item.png
index 567a9c5fa4d..62e74222082 100644
Binary files a/doc/qtdesignstudio/images/qmldesigner-export-item.png and b/doc/qtdesignstudio/images/qmldesigner-export-item.png differ
diff --git a/doc/qtdesignstudio/images/qmldesigner-form-editor-move-cursor.png b/doc/qtdesignstudio/images/qmldesigner-form-editor-move-cursor.png
index 5aa3a6c3fbb..018a94c88f0 100644
Binary files a/doc/qtdesignstudio/images/qmldesigner-form-editor-move-cursor.png and b/doc/qtdesignstudio/images/qmldesigner-form-editor-move-cursor.png differ
diff --git a/doc/qtdesignstudio/images/qmldesigner-form-editor.png b/doc/qtdesignstudio/images/qmldesigner-form-editor.png
index b042afe44e7..f32f6965ba2 100644
Binary files a/doc/qtdesignstudio/images/qmldesigner-form-editor.png and b/doc/qtdesignstudio/images/qmldesigner-form-editor.png differ
diff --git a/doc/qtdesignstudio/images/qmldesigner-mcu-support.png b/doc/qtdesignstudio/images/qmldesigner-mcu-support.png
index a9981017fb6..98ee56b2a3e 100644
Binary files a/doc/qtdesignstudio/images/qmldesigner-mcu-support.png and b/doc/qtdesignstudio/images/qmldesigner-mcu-support.png differ
diff --git a/doc/qtdesignstudio/images/qmldesigner-navigator-arrows.png b/doc/qtdesignstudio/images/qmldesigner-navigator-arrows.png
index e1fd5283bf9..45754e4519e 100644
Binary files a/doc/qtdesignstudio/images/qmldesigner-navigator-arrows.png and b/doc/qtdesignstudio/images/qmldesigner-navigator-arrows.png differ
diff --git a/doc/qtdesignstudio/images/qmldesigner-navigator.png b/doc/qtdesignstudio/images/qmldesigner-navigator.png
index ace30596e24..8ec9cd0ddd5 100644
Binary files a/doc/qtdesignstudio/images/qmldesigner-navigator.png and b/doc/qtdesignstudio/images/qmldesigner-navigator.png differ
diff --git a/doc/qtdesignstudio/images/qmldesigner-preview-size.png b/doc/qtdesignstudio/images/qmldesigner-preview-size.png
index d6a481ef735..1a4a5e01ee4 100644
Binary files a/doc/qtdesignstudio/images/qmldesigner-preview-size.png and b/doc/qtdesignstudio/images/qmldesigner-preview-size.png differ
diff --git a/doc/qtdesignstudio/images/qmldesigner-tutorial-user-icon.png b/doc/qtdesignstudio/images/qmldesigner-tutorial-user-icon.png
index a115cf8fbf5..7350ce4339d 100644
Binary files a/doc/qtdesignstudio/images/qmldesigner-tutorial-user-icon.png and b/doc/qtdesignstudio/images/qmldesigner-tutorial-user-icon.png differ
diff --git a/doc/qtdesignstudio/images/qtcreator-workspace-attaching-views.png b/doc/qtdesignstudio/images/qtcreator-workspace-attaching-views.png
deleted file mode 100644
index c0bd0f897ee..00000000000
Binary files a/doc/qtdesignstudio/images/qtcreator-workspace-attaching-views.png and /dev/null differ
diff --git a/doc/qtdesignstudio/images/qtcreator-workspace-attaching-views.webp b/doc/qtdesignstudio/images/qtcreator-workspace-attaching-views.webp
new file mode 100644
index 00000000000..ee6d6f54aaf
Binary files /dev/null and b/doc/qtdesignstudio/images/qtcreator-workspace-attaching-views.webp differ
diff --git a/doc/qtdesignstudio/images/qtds-running-emulator.png b/doc/qtdesignstudio/images/qtds-running-emulator.png
index ecd3054db3b..b8d74701663 100644
Binary files a/doc/qtdesignstudio/images/qtds-running-emulator.png and b/doc/qtdesignstudio/images/qtds-running-emulator.png differ
diff --git a/doc/qtdesignstudio/images/qtquick-annotations.png b/doc/qtdesignstudio/images/qtquick-annotations.png
index 4fc9ddff3dd..114cf80adaf 100644
Binary files a/doc/qtdesignstudio/images/qtquick-annotations.png and b/doc/qtdesignstudio/images/qtquick-annotations.png differ
diff --git a/doc/qtdesignstudio/images/qtquick-assets-tab.png b/doc/qtdesignstudio/images/qtquick-assets-tab.png
index a7e02bab9e9..11c4fe54b47 100644
Binary files a/doc/qtdesignstudio/images/qtquick-assets-tab.png and b/doc/qtdesignstudio/images/qtquick-assets-tab.png differ
diff --git a/doc/qtdesignstudio/images/qtquick-components-context-menu-hide.png b/doc/qtdesignstudio/images/qtquick-components-context-menu-hide.png
index 61ee2fe02d9..1681bd2fa3d 100644
Binary files a/doc/qtdesignstudio/images/qtquick-components-context-menu-hide.png and b/doc/qtdesignstudio/images/qtquick-components-context-menu-hide.png differ
diff --git a/doc/qtdesignstudio/images/qtquick-components-context-menu.png b/doc/qtdesignstudio/images/qtquick-components-context-menu.png
index 0b163fd3d25..d3334561495 100644
Binary files a/doc/qtdesignstudio/images/qtquick-components-context-menu.png and b/doc/qtdesignstudio/images/qtquick-components-context-menu.png differ
diff --git a/doc/qtdesignstudio/images/qtquick-components-tab-add.png b/doc/qtdesignstudio/images/qtquick-components-tab-add.png
index 3e3d0ccf98c..e208d972038 100644
Binary files a/doc/qtdesignstudio/images/qtquick-components-tab-add.png and b/doc/qtdesignstudio/images/qtquick-components-tab-add.png differ
diff --git a/doc/qtdesignstudio/images/qtquick-components-tab.png b/doc/qtdesignstudio/images/qtquick-components-tab.png
index b2011c9c77e..4ee36abf049 100644
Binary files a/doc/qtdesignstudio/images/qtquick-components-tab.png and b/doc/qtdesignstudio/images/qtquick-components-tab.png differ
diff --git a/doc/qtdesignstudio/images/qtquick-custom-properties.png b/doc/qtdesignstudio/images/qtquick-custom-properties.png
index ce9fc5d400e..ea5567fa063 100644
Binary files a/doc/qtdesignstudio/images/qtquick-custom-properties.png and b/doc/qtdesignstudio/images/qtquick-custom-properties.png differ
diff --git a/doc/qtdesignstudio/images/qtquick-designer-button-types.png b/doc/qtdesignstudio/images/qtquick-designer-button-types.png
index 5cb551dfd92..3d07baec390 100644
Binary files a/doc/qtdesignstudio/images/qtquick-designer-button-types.png and b/doc/qtdesignstudio/images/qtquick-designer-button-types.png differ
diff --git a/doc/qtdesignstudio/images/qtquick-designer-image-type.png b/doc/qtdesignstudio/images/qtquick-designer-image-type.png
index 0d096706932..5817e488345 100644
Binary files a/doc/qtdesignstudio/images/qtquick-designer-image-type.png and b/doc/qtdesignstudio/images/qtquick-designer-image-type.png differ
diff --git a/doc/qtdesignstudio/images/qtquick-designer-indicator-types.png b/doc/qtdesignstudio/images/qtquick-designer-indicator-types.png
index 4fd045bb0da..67a03eab947 100644
Binary files a/doc/qtdesignstudio/images/qtquick-designer-indicator-types.png and b/doc/qtdesignstudio/images/qtquick-designer-indicator-types.png differ
diff --git a/doc/qtdesignstudio/images/qtquick-designer-qtquickcontrols-types.png b/doc/qtdesignstudio/images/qtquick-designer-qtquickcontrols-types.png
index 4cb28e50e29..bf089813e68 100644
Binary files a/doc/qtdesignstudio/images/qtquick-designer-qtquickcontrols-types.png and b/doc/qtdesignstudio/images/qtquick-designer-qtquickcontrols-types.png differ
diff --git a/doc/qtdesignstudio/images/qtquick-designer-rotating-items.png b/doc/qtdesignstudio/images/qtquick-designer-rotating-items.png
index b9b89362405..f20669be4e6 100644
Binary files a/doc/qtdesignstudio/images/qtquick-designer-rotating-items.png and b/doc/qtdesignstudio/images/qtquick-designer-rotating-items.png differ
diff --git a/doc/qtdesignstudio/images/qtquick-designer-scaling-items.png b/doc/qtdesignstudio/images/qtquick-designer-scaling-items.png
index 291b4e9e68c..891915dae8e 100644
Binary files a/doc/qtdesignstudio/images/qtquick-designer-scaling-items.png and b/doc/qtdesignstudio/images/qtquick-designer-scaling-items.png differ
diff --git a/doc/qtdesignstudio/images/qtquick-designer-selector-types.png b/doc/qtdesignstudio/images/qtquick-designer-selector-types.png
index 759eb79d812..84e9758430c 100644
Binary files a/doc/qtdesignstudio/images/qtquick-designer-selector-types.png and b/doc/qtdesignstudio/images/qtquick-designer-selector-types.png differ
diff --git a/doc/qtdesignstudio/images/qtquick-designer-stacked-view.png b/doc/qtdesignstudio/images/qtquick-designer-stacked-view.png
index 5ede90aed62..ab9756a98d0 100644
Binary files a/doc/qtdesignstudio/images/qtquick-designer-stacked-view.png and b/doc/qtdesignstudio/images/qtquick-designer-stacked-view.png differ
diff --git a/doc/qtdesignstudio/images/qtquick-library-context-menu.png b/doc/qtdesignstudio/images/qtquick-library-context-menu.png
index fa9a293e37d..f611ea6f1ce 100644
Binary files a/doc/qtdesignstudio/images/qtquick-library-context-menu.png and b/doc/qtdesignstudio/images/qtquick-library-context-menu.png differ
diff --git a/doc/qtdesignstudio/images/qtquick-positioner-column-properties.png b/doc/qtdesignstudio/images/qtquick-positioner-column-properties.png
index b025b5fe58f..2bf25d425c7 100644
Binary files a/doc/qtdesignstudio/images/qtquick-positioner-column-properties.png and b/doc/qtdesignstudio/images/qtquick-positioner-column-properties.png differ
diff --git a/doc/qtdesignstudio/images/qtquick-positioner-flow-properties.png b/doc/qtdesignstudio/images/qtquick-positioner-flow-properties.png
index c027a81817e..943e66b76af 100644
Binary files a/doc/qtdesignstudio/images/qtquick-positioner-flow-properties.png and b/doc/qtdesignstudio/images/qtquick-positioner-flow-properties.png differ
diff --git a/doc/qtdesignstudio/images/qtquick-positioner-grid-properties.png b/doc/qtdesignstudio/images/qtquick-positioner-grid-properties.png
index 4588e39a239..ec6dab01633 100644
Binary files a/doc/qtdesignstudio/images/qtquick-positioner-grid-properties.png and b/doc/qtdesignstudio/images/qtquick-positioner-grid-properties.png differ
diff --git a/doc/qtdesignstudio/images/qtquick-text-editor.png b/doc/qtdesignstudio/images/qtquick-text-editor.png
index 0d1acf87f0f..3597860c353 100644
Binary files a/doc/qtdesignstudio/images/qtquick-text-editor.png and b/doc/qtdesignstudio/images/qtquick-text-editor.png differ
diff --git a/doc/qtdesignstudio/images/repeater3d-listmodel-navigator.png b/doc/qtdesignstudio/images/repeater3d-listmodel-navigator.png
index 0f3f768e140..f4b3093bbbb 100644
Binary files a/doc/qtdesignstudio/images/repeater3d-listmodel-navigator.png and b/doc/qtdesignstudio/images/repeater3d-listmodel-navigator.png differ
diff --git a/doc/qtdesignstudio/images/studio-2d-effects.png b/doc/qtdesignstudio/images/studio-2d-effects.png
index ebf21062806..7fd69ea805f 100644
Binary files a/doc/qtdesignstudio/images/studio-2d-effects.png and b/doc/qtdesignstudio/images/studio-2d-effects.png differ
diff --git a/doc/qtdesignstudio/images/studio-3d-area-light.png b/doc/qtdesignstudio/images/studio-3d-area-light.png
deleted file mode 100644
index 24fbfcbe33e..00000000000
Binary files a/doc/qtdesignstudio/images/studio-3d-area-light.png and /dev/null differ
diff --git a/doc/qtdesignstudio/images/studio-3d-area-light.webp b/doc/qtdesignstudio/images/studio-3d-area-light.webp
new file mode 100644
index 00000000000..9dee95bcaf6
Binary files /dev/null and b/doc/qtdesignstudio/images/studio-3d-area-light.webp differ
diff --git a/doc/qtdesignstudio/images/studio-3d-directional-light.png b/doc/qtdesignstudio/images/studio-3d-directional-light.png
deleted file mode 100644
index f739e5bba42..00000000000
Binary files a/doc/qtdesignstudio/images/studio-3d-directional-light.png and /dev/null differ
diff --git a/doc/qtdesignstudio/images/studio-3d-directional-light.webp b/doc/qtdesignstudio/images/studio-3d-directional-light.webp
new file mode 100644
index 00000000000..4709c8642a8
Binary files /dev/null and b/doc/qtdesignstudio/images/studio-3d-directional-light.webp differ
diff --git a/doc/qtdesignstudio/images/studio-3d-editor-axis-helper.png b/doc/qtdesignstudio/images/studio-3d-editor-axis-helper.png
deleted file mode 100644
index 788b4989915..00000000000
Binary files a/doc/qtdesignstudio/images/studio-3d-editor-axis-helper.png and /dev/null differ
diff --git a/doc/qtdesignstudio/images/studio-3d-editor-axis-helper.webp b/doc/qtdesignstudio/images/studio-3d-editor-axis-helper.webp
new file mode 100644
index 00000000000..d0a13907e5e
Binary files /dev/null and b/doc/qtdesignstudio/images/studio-3d-editor-axis-helper.webp differ
diff --git a/doc/qtdesignstudio/images/studio-3d-editor-move.png b/doc/qtdesignstudio/images/studio-3d-editor-move.png
deleted file mode 100644
index 1e8be3f8651..00000000000
Binary files a/doc/qtdesignstudio/images/studio-3d-editor-move.png and /dev/null differ
diff --git a/doc/qtdesignstudio/images/studio-3d-editor-move.webp b/doc/qtdesignstudio/images/studio-3d-editor-move.webp
new file mode 100644
index 00000000000..d2ff9b9aac5
Binary files /dev/null and b/doc/qtdesignstudio/images/studio-3d-editor-move.webp differ
diff --git a/doc/qtdesignstudio/images/studio-3d-editor-rotate.png b/doc/qtdesignstudio/images/studio-3d-editor-rotate.png
deleted file mode 100644
index b6c4ce167a7..00000000000
Binary files a/doc/qtdesignstudio/images/studio-3d-editor-rotate.png and /dev/null differ
diff --git a/doc/qtdesignstudio/images/studio-3d-editor-rotate.webp b/doc/qtdesignstudio/images/studio-3d-editor-rotate.webp
new file mode 100644
index 00000000000..7cd8fe1bf6a
Binary files /dev/null and b/doc/qtdesignstudio/images/studio-3d-editor-rotate.webp differ
diff --git a/doc/qtdesignstudio/images/studio-3d-editor-scale.png b/doc/qtdesignstudio/images/studio-3d-editor-scale.png
deleted file mode 100644
index 19d42582759..00000000000
Binary files a/doc/qtdesignstudio/images/studio-3d-editor-scale.png and /dev/null differ
diff --git a/doc/qtdesignstudio/images/studio-3d-editor-scale.webp b/doc/qtdesignstudio/images/studio-3d-editor-scale.webp
new file mode 100644
index 00000000000..be0270d34b0
Binary files /dev/null and b/doc/qtdesignstudio/images/studio-3d-editor-scale.webp differ
diff --git a/doc/qtdesignstudio/images/studio-3d-editor.png b/doc/qtdesignstudio/images/studio-3d-editor.png
deleted file mode 100644
index a62a6deb76a..00000000000
Binary files a/doc/qtdesignstudio/images/studio-3d-editor.png and /dev/null differ
diff --git a/doc/qtdesignstudio/images/studio-3d-editor.webp b/doc/qtdesignstudio/images/studio-3d-editor.webp
new file mode 100644
index 00000000000..903ad69b25d
Binary files /dev/null and b/doc/qtdesignstudio/images/studio-3d-editor.webp differ
diff --git a/doc/qtdesignstudio/images/studio-3d-effects.png b/doc/qtdesignstudio/images/studio-3d-effects.png
index e47cab97aa1..485976b0f70 100644
Binary files a/doc/qtdesignstudio/images/studio-3d-effects.png and b/doc/qtdesignstudio/images/studio-3d-effects.png differ
diff --git a/doc/qtdesignstudio/images/studio-3d-instancing-instance-list.png b/doc/qtdesignstudio/images/studio-3d-instancing-instance-list.png
index f7bb9f8f1f3..ff2593162eb 100644
Binary files a/doc/qtdesignstudio/images/studio-3d-instancing-instance-list.png and b/doc/qtdesignstudio/images/studio-3d-instancing-instance-list.png differ
diff --git a/doc/qtdesignstudio/images/studio-3d-models.png b/doc/qtdesignstudio/images/studio-3d-models.png
index d7c07086725..de4f65d5e8a 100644
Binary files a/doc/qtdesignstudio/images/studio-3d-models.png and b/doc/qtdesignstudio/images/studio-3d-models.png differ
diff --git a/doc/qtdesignstudio/images/studio-3d-particles-fire-assets.png b/doc/qtdesignstudio/images/studio-3d-particles-fire-assets.png
index 733f61bc126..496db801e5f 100644
Binary files a/doc/qtdesignstudio/images/studio-3d-particles-fire-assets.png and b/doc/qtdesignstudio/images/studio-3d-particles-fire-assets.png differ
diff --git a/doc/qtdesignstudio/images/studio-3d-particles-fire-components.png b/doc/qtdesignstudio/images/studio-3d-particles-fire-components.png
index e0f112b33b6..f859f9f636d 100644
Binary files a/doc/qtdesignstudio/images/studio-3d-particles-fire-components.png and b/doc/qtdesignstudio/images/studio-3d-particles-fire-components.png differ
diff --git a/doc/qtdesignstudio/images/studio-3d-particles-fire-emitter1.png b/doc/qtdesignstudio/images/studio-3d-particles-fire-emitter1.png
index 6972f27021d..37a7b12ea70 100644
Binary files a/doc/qtdesignstudio/images/studio-3d-particles-fire-emitter1.png and b/doc/qtdesignstudio/images/studio-3d-particles-fire-emitter1.png differ
diff --git a/doc/qtdesignstudio/images/studio-3d-particles-sprite-template.png b/doc/qtdesignstudio/images/studio-3d-particles-sprite-template.png
index dd0ce67de45..d27331fe737 100644
Binary files a/doc/qtdesignstudio/images/studio-3d-particles-sprite-template.png and b/doc/qtdesignstudio/images/studio-3d-particles-sprite-template.png differ
diff --git a/doc/qtdesignstudio/images/studio-3d-point-light.png b/doc/qtdesignstudio/images/studio-3d-point-light.png
deleted file mode 100644
index a5eb5a888ac..00000000000
Binary files a/doc/qtdesignstudio/images/studio-3d-point-light.png and /dev/null differ
diff --git a/doc/qtdesignstudio/images/studio-3d-point-light.webp b/doc/qtdesignstudio/images/studio-3d-point-light.webp
new file mode 100644
index 00000000000..e4cbfe19d7b
Binary files /dev/null and b/doc/qtdesignstudio/images/studio-3d-point-light.webp differ
diff --git a/doc/qtdesignstudio/images/studio-3d-spot-light.png b/doc/qtdesignstudio/images/studio-3d-spot-light.png
deleted file mode 100644
index 7ebc673e186..00000000000
Binary files a/doc/qtdesignstudio/images/studio-3d-spot-light.png and /dev/null differ
diff --git a/doc/qtdesignstudio/images/studio-3d-spot-light.webp b/doc/qtdesignstudio/images/studio-3d-spot-light.webp
new file mode 100644
index 00000000000..347675a60e4
Binary files /dev/null and b/doc/qtdesignstudio/images/studio-3d-spot-light.webp differ
diff --git a/doc/qtdesignstudio/images/studio-animation.png b/doc/qtdesignstudio/images/studio-animation.png
index c8ef86cfa8e..b08a6deed86 100644
Binary files a/doc/qtdesignstudio/images/studio-animation.png and b/doc/qtdesignstudio/images/studio-animation.png differ
diff --git a/doc/qtdesignstudio/images/studio-connection-view-properties.png b/doc/qtdesignstudio/images/studio-connection-view-properties.png
index 6ce6c3479f5..ddfade2227a 100644
Binary files a/doc/qtdesignstudio/images/studio-connection-view-properties.png and b/doc/qtdesignstudio/images/studio-connection-view-properties.png differ
diff --git a/doc/qtdesignstudio/images/studio-custom-material-uniform-properties.png b/doc/qtdesignstudio/images/studio-custom-material-uniform-properties.png
index b69d4561829..5a20aa65c88 100644
Binary files a/doc/qtdesignstudio/images/studio-custom-material-uniform-properties.png and b/doc/qtdesignstudio/images/studio-custom-material-uniform-properties.png differ
diff --git a/doc/qtdesignstudio/images/studio-design-mode-states-timeline.png b/doc/qtdesignstudio/images/studio-design-mode-states-timeline.png
index 3b2b8b173ac..71356b5020c 100644
Binary files a/doc/qtdesignstudio/images/studio-design-mode-states-timeline.png and b/doc/qtdesignstudio/images/studio-design-mode-states-timeline.png differ
diff --git a/doc/qtdesignstudio/images/studio-design-mode.png b/doc/qtdesignstudio/images/studio-design-mode.png
deleted file mode 100644
index e4a03c583aa..00000000000
Binary files a/doc/qtdesignstudio/images/studio-design-mode.png and /dev/null differ
diff --git a/doc/qtdesignstudio/images/studio-design-mode.webp b/doc/qtdesignstudio/images/studio-design-mode.webp
new file mode 100644
index 00000000000..c739d88f995
Binary files /dev/null and b/doc/qtdesignstudio/images/studio-design-mode.webp differ
diff --git a/doc/qtdesignstudio/images/studio-dial.png b/doc/qtdesignstudio/images/studio-dial.png
index 3d7b75fa89d..f6bf5d45019 100644
Binary files a/doc/qtdesignstudio/images/studio-dial.png and b/doc/qtdesignstudio/images/studio-dial.png differ
diff --git a/doc/qtdesignstudio/images/studio-editing-3d-scenes.png b/doc/qtdesignstudio/images/studio-editing-3d-scenes.png
deleted file mode 100644
index 8566b6171cf..00000000000
Binary files a/doc/qtdesignstudio/images/studio-editing-3d-scenes.png and /dev/null differ
diff --git a/doc/qtdesignstudio/images/studio-flipable.png b/doc/qtdesignstudio/images/studio-flipable.png
index c9de7404b2d..8122416239e 100644
Binary files a/doc/qtdesignstudio/images/studio-flipable.png and b/doc/qtdesignstudio/images/studio-flipable.png differ
diff --git a/doc/qtdesignstudio/images/studio-logic-helper-and-checkbox3.png b/doc/qtdesignstudio/images/studio-logic-helper-and-checkbox3.png
index 414cd705a65..56cd080e30c 100644
Binary files a/doc/qtdesignstudio/images/studio-logic-helper-and-checkbox3.png and b/doc/qtdesignstudio/images/studio-logic-helper-and-checkbox3.png differ
diff --git a/doc/qtdesignstudio/images/studio-logic-helper-and.png b/doc/qtdesignstudio/images/studio-logic-helper-and.png
index 0d32952fdd8..63f2e454afd 100644
Binary files a/doc/qtdesignstudio/images/studio-logic-helper-and.png and b/doc/qtdesignstudio/images/studio-logic-helper-and.png differ
diff --git a/doc/qtdesignstudio/images/studio-logic-helper-bidirectional-binding.png b/doc/qtdesignstudio/images/studio-logic-helper-bidirectional-binding.png
index 39ca5af0f35..596eb86068d 100644
Binary files a/doc/qtdesignstudio/images/studio-logic-helper-bidirectional-binding.png and b/doc/qtdesignstudio/images/studio-logic-helper-bidirectional-binding.png differ
diff --git a/doc/qtdesignstudio/images/studio-logic-helper-minmax-mapper-input.png b/doc/qtdesignstudio/images/studio-logic-helper-minmax-mapper-input.png
index 06e7e4c0cd9..92858fb429c 100644
Binary files a/doc/qtdesignstudio/images/studio-logic-helper-minmax-mapper-input.png and b/doc/qtdesignstudio/images/studio-logic-helper-minmax-mapper-input.png differ
diff --git a/doc/qtdesignstudio/images/studio-logic-helper-minmax-mapper-string-mapper-input.png b/doc/qtdesignstudio/images/studio-logic-helper-minmax-mapper-string-mapper-input.png
index 0a21eaccd5c..e6bff57d9bd 100644
Binary files a/doc/qtdesignstudio/images/studio-logic-helper-minmax-mapper-string-mapper-input.png and b/doc/qtdesignstudio/images/studio-logic-helper-minmax-mapper-string-mapper-input.png differ
diff --git a/doc/qtdesignstudio/images/studio-logic-helper-not-check-box.png b/doc/qtdesignstudio/images/studio-logic-helper-not-check-box.png
index 9411437e9be..cfe4f0e50d7 100644
Binary files a/doc/qtdesignstudio/images/studio-logic-helper-not-check-box.png and b/doc/qtdesignstudio/images/studio-logic-helper-not-check-box.png differ
diff --git a/doc/qtdesignstudio/images/studio-logic-helper-not.png b/doc/qtdesignstudio/images/studio-logic-helper-not.png
index 05ad631b622..5966a470bbf 100644
Binary files a/doc/qtdesignstudio/images/studio-logic-helper-not.png and b/doc/qtdesignstudio/images/studio-logic-helper-not.png differ
diff --git a/doc/qtdesignstudio/images/studio-logic-helper-range-mapper-inputmin.png b/doc/qtdesignstudio/images/studio-logic-helper-range-mapper-inputmin.png
index 2144e58f927..d91b2eebb3a 100644
Binary files a/doc/qtdesignstudio/images/studio-logic-helper-range-mapper-inputmin.png and b/doc/qtdesignstudio/images/studio-logic-helper-range-mapper-inputmin.png differ
diff --git a/doc/qtdesignstudio/images/studio-logic-helper-string-mapper-text.png b/doc/qtdesignstudio/images/studio-logic-helper-string-mapper-text.png
index 43a240fc5b5..84754a44d1a 100644
Binary files a/doc/qtdesignstudio/images/studio-logic-helper-string-mapper-text.png and b/doc/qtdesignstudio/images/studio-logic-helper-string-mapper-text.png differ
diff --git a/doc/qtdesignstudio/images/studio-navigator-view3d.png b/doc/qtdesignstudio/images/studio-navigator-view3d.png
index 1fa65c10dc6..92ce85e9655 100644
Binary files a/doc/qtdesignstudio/images/studio-navigator-view3d.png and b/doc/qtdesignstudio/images/studio-navigator-view3d.png differ
diff --git a/doc/qtdesignstudio/images/studio-qml-imports-slconnector.png b/doc/qtdesignstudio/images/studio-qml-imports-slconnector.png
index 03241cea9ba..a94176e9714 100644
Binary files a/doc/qtdesignstudio/images/studio-qml-imports-slconnector.png and b/doc/qtdesignstudio/images/studio-qml-imports-slconnector.png differ
diff --git a/doc/qtdesignstudio/images/studio-qtquick-3d-custom-effect-navigator.png b/doc/qtdesignstudio/images/studio-qtquick-3d-custom-effect-navigator.png
index 21a34f1e1a4..9f3fd2f272b 100644
Binary files a/doc/qtdesignstudio/images/studio-qtquick-3d-custom-effect-navigator.png and b/doc/qtdesignstudio/images/studio-qtquick-3d-custom-effect-navigator.png differ
diff --git a/doc/qtdesignstudio/images/studio-qtquick-3d-default-material.png b/doc/qtdesignstudio/images/studio-qtquick-3d-default-material.png
deleted file mode 100644
index 627561fd59b..00000000000
Binary files a/doc/qtdesignstudio/images/studio-qtquick-3d-default-material.png and /dev/null differ
diff --git a/doc/qtdesignstudio/images/studio-qtquick-3d-material.png b/doc/qtdesignstudio/images/studio-qtquick-3d-material.png
deleted file mode 100644
index 597f47e22bb..00000000000
Binary files a/doc/qtdesignstudio/images/studio-qtquick-3d-material.png and /dev/null differ
diff --git a/doc/qtdesignstudio/images/studio-shapes.png b/doc/qtdesignstudio/images/studio-shapes.png
index 9ac71d7669d..b9fb24c88de 100644
Binary files a/doc/qtdesignstudio/images/studio-shapes.png and b/doc/qtdesignstudio/images/studio-shapes.png differ
diff --git a/doc/qtdesignstudio/images/toolbar-show-live-preview.png b/doc/qtdesignstudio/images/toolbar-show-live-preview.png
index b942fcf5c1b..b8741f9d41f 100644
Binary files a/doc/qtdesignstudio/images/toolbar-show-live-preview.png and b/doc/qtdesignstudio/images/toolbar-show-live-preview.png differ
diff --git a/doc/qtdesignstudio/images/web-navigation-change-file.png b/doc/qtdesignstudio/images/web-navigation-change-file.png
index 0dd4b85b60e..efa9131d3e7 100644
Binary files a/doc/qtdesignstudio/images/web-navigation-change-file.png and b/doc/qtdesignstudio/images/web-navigation-change-file.png differ
diff --git a/doc/qtdesignstudio/images/web-navigation-column-layout.png b/doc/qtdesignstudio/images/web-navigation-column-layout.png
index e187f84cce9..dde2bc1c2b5 100644
Binary files a/doc/qtdesignstudio/images/web-navigation-column-layout.png and b/doc/qtdesignstudio/images/web-navigation-column-layout.png differ
diff --git a/doc/qtdesignstudio/images/web-navigation-components-2.png b/doc/qtdesignstudio/images/web-navigation-components-2.png
index a53f5c9f42c..d8a02960bf9 100644
Binary files a/doc/qtdesignstudio/images/web-navigation-components-2.png and b/doc/qtdesignstudio/images/web-navigation-components-2.png differ
diff --git a/doc/qtdesignstudio/images/web-navigation-components.png b/doc/qtdesignstudio/images/web-navigation-components.png
index a3903020c3f..602e0b9e4cd 100644
Binary files a/doc/qtdesignstudio/images/web-navigation-components.png and b/doc/qtdesignstudio/images/web-navigation-components.png differ
diff --git a/doc/qtdesignstudio/src/components/qtquick-component-instances.qdoc b/doc/qtdesignstudio/src/components/qtquick-component-instances.qdoc
index ada17fae01c..0cdced17c76 100644
--- a/doc/qtdesignstudio/src/components/qtquick-component-instances.qdoc
+++ b/doc/qtdesignstudio/src/components/qtquick-component-instances.qdoc
@@ -11,7 +11,7 @@
     \QDS comes with \e {preset components} that you can use in your UI by
     creating instances of them.
 
-    \image qmldesigner-editing-components.png "Creating Component Instances"
+    \image qmldesigner-editing-components.webp "Creating Component Instances"
 
     To create component instances and edit their properties:
 
diff --git a/doc/qtdesignstudio/src/qtdesignstudio-terms.qdoc b/doc/qtdesignstudio/src/qtdesignstudio-terms.qdoc
index dd5c1609b1e..4859c20488c 100644
--- a/doc/qtdesignstudio/src/qtdesignstudio-terms.qdoc
+++ b/doc/qtdesignstudio/src/qtdesignstudio-terms.qdoc
@@ -149,7 +149,7 @@
     \uicontrol Help for reading documentation. The other modes are mostly
     needed for application development.
 
-    \image studio-design-mode.png "Design mode"
+    \image studio-design-mode.webp "Design mode"
 
     Read more about modes:
 
diff --git a/doc/qtdesignstudio/src/qtquick3d-editor/qtdesignstudio-3d-editor.qdoc b/doc/qtdesignstudio/src/qtquick3d-editor/qtdesignstudio-3d-editor.qdoc
index 810692e89b8..b2cb66448e7 100644
--- a/doc/qtdesignstudio/src/qtquick3d-editor/qtdesignstudio-3d-editor.qdoc
+++ b/doc/qtdesignstudio/src/qtquick3d-editor/qtdesignstudio-3d-editor.qdoc
@@ -62,7 +62,7 @@
     select the \inlineimage icons/reset.png
     (\uicontrol {Reset View}) button.
 
-    \image studio-3d-editor.png "The 3D view"
+    \image studio-3d-editor.webp "The 3D view"
 
     The following video illustrates navigating in the \uicontrol{3D} view and
     using the toolbar:
@@ -104,7 +104,7 @@
     selected, the camera is pointed at the world origin. This does not affect
     the camera zoom level.
 
-    \image studio-3d-editor-axis-helper.png "Axis helper in the 3D view"
+    \image studio-3d-editor-axis-helper.webp "Axis helper in the 3D view"
 
     You can use scene cameras (2) to view the \uicontrol View3D component from a
     specific angle in the \l {2D} view while editing scenes. Different types of
@@ -170,7 +170,7 @@
     \target moving components 3d view
     \section1 Moving Components
 
-    \image studio-3d-editor-move.png "The 3D view in move mode"
+    \image studio-3d-editor-move.webp "The 3D view in move mode"
 
     You can move components in relation to their coordinate system, along the x,
     y, or z axis or on the top, bottom, left, and right clip planes of the
@@ -190,7 +190,7 @@
 
     \section1 Rotating Components
 
-    \image studio-3d-editor-rotate.png "The 3D view in rotate mode"
+    \image studio-3d-editor-rotate.webp "The 3D view in rotate mode"
 
     To rotate components, select \inlineimage rotate_on.png
     or press \key E:
@@ -204,7 +204,7 @@
 
     \section1 Scaling Components
 
-    \image studio-3d-editor-scale.png "The 3D view in scale mode"
+    \image studio-3d-editor-scale.webp "The 3D view in scale mode"
 
     You can use the scale handles to adjust the local x, y, or z scale of a
     component. You can adjust the scale across one, two, or three axes,
diff --git a/doc/qtdesignstudio/src/qtquick3d-editor/qtdesignstudio-3d-lights.qdoc b/doc/qtdesignstudio/src/qtquick3d-editor/qtdesignstudio-3d-lights.qdoc
index 6d1fbc5bd1f..47e39f32118 100644
--- a/doc/qtdesignstudio/src/qtquick3d-editor/qtdesignstudio-3d-lights.qdoc
+++ b/doc/qtdesignstudio/src/qtquick3d-editor/qtdesignstudio-3d-lights.qdoc
@@ -93,7 +93,7 @@
     Use the \uicontrol Brightness handle of the light gizmo (1) to adjust the
     \uicontrol Brightness property of any of the light components.
 
-    \image studio-3d-directional-light.png "Models lit by a directional light."
+    \image studio-3d-directional-light.webp "Models lit by a directional light."
 
     If the \uicontrol {Casts shadow} property is enabled, shadows are positioned
     parallel to the light direction. A directional light has infinite range and
@@ -118,7 +118,7 @@
     strength in all directions from the center of the light. This is similar
     to the way a light bulb emits light.
 
-    \image studio-3d-point-light.png "Models lit by a point light."
+    \image studio-3d-point-light.webp "Models lit by a point light."
 
     Lighting is applied outwards from the center of a point light, becoming
     increasingly dim away from the center. Moving a point light changes the
@@ -158,7 +158,7 @@
     \uicontrol {Inner cone angle} (4), and \uicontrol {Quadratic fade} (5)
     properties.
 
-    \image studio-3d-spot-light.png "A model lit by a spot light."
+    \image studio-3d-spot-light.webp "A model lit by a spot light."
 
     Inside the inner cone angle, the spot light behaves similarly to the point
     light. There the light intensity diminishes according to inverse-square-law.
@@ -176,7 +176,7 @@
     gizmo or the \uicontrol Properties view to set the \uicontrol Width (6)
     and \uicontrol Height (7) properties to determine the size of the area light.
 
-   \image studio-3d-area-light.png "A model lit by two area lights."
+   \image studio-3d-area-light.webp "A model lit by two area lights."
 
     Aside from the size, an area light has the same properties as a directional
     light.
diff --git a/doc/qtdesignstudio/src/views/qtquick-designer.qdoc b/doc/qtdesignstudio/src/views/qtquick-designer.qdoc
index d7af982392d..e94496b98f9 100644
--- a/doc/qtdesignstudio/src/views/qtquick-designer.qdoc
+++ b/doc/qtdesignstudio/src/views/qtquick-designer.qdoc
@@ -23,7 +23,7 @@
     \uicontrol View > \uicontrol Views. The following images present the
     views that you are likely to use most often while designing UIs.
 
-    \image studio-design-mode.png "Design views"
+    \image studio-design-mode.webp "Design views"
     \image studio-design-mode-states-timeline.png "The States and Timeline views"
 
     You can move the views anywhere on the screen and save them as
diff --git a/doc/qtdesignstudio/src/views/qtquick-navigator.qdoc b/doc/qtdesignstudio/src/views/qtquick-navigator.qdoc
index 0c322c750de..13be87c65fa 100644
--- a/doc/qtdesignstudio/src/views/qtquick-navigator.qdoc
+++ b/doc/qtdesignstudio/src/views/qtquick-navigator.qdoc
@@ -26,7 +26,7 @@
     fit inside the parent component. For example, you might want to make a
     mouse area larger than the rectangle or image beneath it.
 
-    \image qmldesigner-element-size.png "Mouse area for a button"
+    \image qmldesigner-element-size.webp "Mouse area for a button"
 
     When you copy a component, all its child components are also copied. When
     you remove a component, the child components are also removed.
diff --git a/doc/qtdesignstudio/src/views/studio-workspaces.qdoc b/doc/qtdesignstudio/src/views/studio-workspaces.qdoc
index fdc359d96d1..8d29b1f74f0 100644
--- a/doc/qtdesignstudio/src/views/studio-workspaces.qdoc
+++ b/doc/qtdesignstudio/src/views/studio-workspaces.qdoc
@@ -30,7 +30,7 @@
     where you want to attach the view is highlighted, and then drop them into
     the dock area.
 
-    \image qtcreator-workspace-attaching-views.png "Attaching views"
+    \image qtcreator-workspace-attaching-views.webp "Attaching views"
 
     To close groups of views, select the \uicontrol {Close Group} button.