diff --git a/source/developers/architecture.markdown b/source/developers/architecture.markdown
index afe8a21ef9c..191ed65f7b9 100644
--- a/source/developers/architecture.markdown
+++ b/source/developers/architecture.markdown
@@ -7,7 +7,7 @@ sidebar: true
comments: false
sharing: true
footer: true
-og_image: /images/architecture/ha_architecture.png
+og_image: /images/architecture/ha_architecture.svg
---
Before we dive into the Home Assistant architecture, let's get a clear overview of the home automation landscape as a whole. This way, we can show how the different parts of Home Assistant fit into the picture.
@@ -19,9 +19,9 @@ For more information about each part in this overview,
-
+
+ src='{{site_root}}/images/architecture/home_automation_landscape.svg' />
Overview of the home automation landscape
-
+
Overview of the Home Assistant core architecture
diff --git a/source/images/architecture/home_automation_landscape.svg b/source/images/architecture/home_automation_landscape.svg
new file mode 100644
index 00000000000..c0fbca28183
--- /dev/null
+++ b/source/images/architecture/home_automation_landscape.svg
@@ -0,0 +1,904 @@
+
+
+
+