diff --git a/docs/en/framework/architecture/best-practices/module-architecture.md b/docs/en/framework/architecture/best-practices/module-architecture.md
index 0b9a4a282f..25d219b7ac 100644
--- a/docs/en/framework/architecture/best-practices/module-architecture.md
+++ b/docs/en/framework/architecture/best-practices/module-architecture.md
@@ -11,7 +11,7 @@
 
 The following diagram shows the packages of a well-layered module and dependencies of those packages between them:
 
-![module-layers-and-packages](../../../images/module-layers-and-packages.jpg)
+![module-layers-and-packages](../../../images/module-layers-and-packages.png)
 
 The ultimate goal is to allow an application to use the module in a flexible manner. Example applications:
 
diff --git a/docs/en/images/layered-project-dependencies-blazor-wasm.png b/docs/en/images/layered-project-dependencies-blazor-wasm.png
index fc9bb227c5..3ea76ace57 100644
Binary files a/docs/en/images/layered-project-dependencies-blazor-wasm.png and b/docs/en/images/layered-project-dependencies-blazor-wasm.png differ
diff --git a/docs/en/images/module-layers-and-packages.jpg b/docs/en/images/module-layers-and-packages.jpg
deleted file mode 100644
index f71a91eb8d..0000000000
Binary files a/docs/en/images/module-layers-and-packages.jpg and /dev/null differ
diff --git a/docs/en/images/module-layers-and-packages.png b/docs/en/images/module-layers-and-packages.png
new file mode 100644
index 0000000000..ba5213fb23
Binary files /dev/null and b/docs/en/images/module-layers-and-packages.png differ
diff --git a/docs/en/images/multiple-database-usage.png b/docs/en/images/multiple-database-usage.png
index aa5d7595a7..705d13703e 100644
Binary files a/docs/en/images/multiple-database-usage.png and b/docs/en/images/multiple-database-usage.png differ