diff --git a/packages/create-docusaurus/templates/shared/docs/tutorial-basics/markdown-features.mdx b/packages/create-docusaurus/templates/shared/docs/tutorial-basics/markdown-features.mdx
index 8855626051f1..6b3aaaaaaf85 100644
--- a/packages/create-docusaurus/templates/shared/docs/tutorial-basics/markdown-features.mdx
+++ b/packages/create-docusaurus/templates/shared/docs/tutorial-basics/markdown-features.mdx
@@ -43,7 +43,7 @@ Let's see how to [Create a page](./create-a-page.md).
 
 Regular Markdown images are supported.
 
-Add an image at `static/img/docusaurus.png` and display it in Markdown:
+You can use absolute paths to reference images in the static directory (`static/img/docusaurus.png`):
 
 ```md
 ![Docusaurus logo](/img/docusaurus.png)
@@ -51,6 +51,8 @@ Add an image at `static/img/docusaurus.png` and display it in Markdown:
 
 ![Docusaurus logo](/img/docusaurus.png)
 
+You can reference images relative to the current file as well, as shown in [the extra guides](../tutorial-extras/manage-docs-versions.md).
+
 ## Code Blocks
 
 Markdown code blocks are supported with Syntax highlighting.
diff --git a/packages/create-docusaurus/templates/shared/docs/tutorial-extras/img/docsVersionDropdown.png b/packages/create-docusaurus/templates/shared/docs/tutorial-extras/img/docsVersionDropdown.png
new file mode 100644
index 000000000000..97e4164618b5
Binary files /dev/null and b/packages/create-docusaurus/templates/shared/docs/tutorial-extras/img/docsVersionDropdown.png differ
diff --git a/packages/create-docusaurus/templates/shared/docs/tutorial-extras/img/localeDropdown.png b/packages/create-docusaurus/templates/shared/docs/tutorial-extras/img/localeDropdown.png
new file mode 100644
index 000000000000..e257edc1f932
Binary files /dev/null and b/packages/create-docusaurus/templates/shared/docs/tutorial-extras/img/localeDropdown.png differ
diff --git a/packages/create-docusaurus/templates/shared/docs/tutorial-extras/manage-docs-versions.md b/packages/create-docusaurus/templates/shared/docs/tutorial-extras/manage-docs-versions.md
index 6335b0ac94b8..e12c3f3444fa 100644
--- a/packages/create-docusaurus/templates/shared/docs/tutorial-extras/manage-docs-versions.md
+++ b/packages/create-docusaurus/templates/shared/docs/tutorial-extras/manage-docs-versions.md
@@ -45,7 +45,7 @@ module.exports = {
 
 The docs version dropdown appears in your navbar:
 
-![Docs Version Dropdown](/img/tutorial/docsVersionDropdown.png)
+![Docs Version Dropdown](./img/docsVersionDropdown.png)
 
 ## Update an existing version
 
diff --git a/packages/create-docusaurus/templates/shared/docs/tutorial-extras/translate-your-site.md b/packages/create-docusaurus/templates/shared/docs/tutorial-extras/translate-your-site.md
index a25c089ed794..da2b8a365f48 100644
--- a/packages/create-docusaurus/templates/shared/docs/tutorial-extras/translate-your-site.md
+++ b/packages/create-docusaurus/templates/shared/docs/tutorial-extras/translate-your-site.md
@@ -71,7 +71,7 @@ module.exports = {
 
 The locale dropdown now appears in your navbar:
 
-![Locale Dropdown](/img/tutorial/localeDropdown.png)
+![Locale Dropdown](./img/localeDropdown.png)
 
 ## Build your localized site
 
diff --git a/packages/create-docusaurus/templates/shared/static/img/tutorial/docsVersionDropdown.png b/packages/create-docusaurus/templates/shared/static/img/tutorial/docsVersionDropdown.png
deleted file mode 100644
index ff1cbe68893d..000000000000
Binary files a/packages/create-docusaurus/templates/shared/static/img/tutorial/docsVersionDropdown.png and /dev/null differ
diff --git a/packages/create-docusaurus/templates/shared/static/img/tutorial/localeDropdown.png b/packages/create-docusaurus/templates/shared/static/img/tutorial/localeDropdown.png
deleted file mode 100644
index d7163f967524..000000000000
Binary files a/packages/create-docusaurus/templates/shared/static/img/tutorial/localeDropdown.png and /dev/null differ