diff --git a/content/en/docs/collector/building/connector.md b/content/en/docs/collector/building/connector/index.md
similarity index 99%
rename from content/en/docs/collector/building/connector.md
rename to content/en/docs/collector/building/connector/index.md
index e36741c2f030..410cfb733635 100644
--- a/content/en/docs/collector/building/connector.md
+++ b/content/en/docs/collector/building/connector/index.md
@@ -54,11 +54,11 @@ following links:
### The Old Architecture:
-![Before picture of how processors emitted data directly to another pipelines exporter](../../img/otel-collector-before-connector.png)
+![Before picture of how processors emitted data directly to another pipelines exporter](./otel-collector-before-connector.svg)
### New Architecture Using a Connector:
-![How the pipeline should work using the connector component](../../img/otel-collector-after-connector.png)
+![How the pipeline should work using the connector component](./otel-collector-after-connector.svg)
## Building Example Connector
diff --git a/content/en/docs/collector/building/connector/otel-collector-after-connector.svg b/content/en/docs/collector/building/connector/otel-collector-after-connector.svg
new file mode 100644
index 000000000000..a6bd7802b339
--- /dev/null
+++ b/content/en/docs/collector/building/connector/otel-collector-after-connector.svg
@@ -0,0 +1,235 @@
+
diff --git a/content/en/docs/collector/building/connector/otel-collector-before-connector.svg b/content/en/docs/collector/building/connector/otel-collector-before-connector.svg
new file mode 100644
index 000000000000..662198cd7766
--- /dev/null
+++ b/content/en/docs/collector/building/connector/otel-collector-before-connector.svg
@@ -0,0 +1,177 @@
+
diff --git a/content/en/docs/collector/img/otel-collector-after-connector.png b/content/en/docs/collector/img/otel-collector-after-connector.png
deleted file mode 100644
index e106c5fd9726..000000000000
Binary files a/content/en/docs/collector/img/otel-collector-after-connector.png and /dev/null differ
diff --git a/content/en/docs/collector/img/otel-collector-before-connector.png b/content/en/docs/collector/img/otel-collector-before-connector.png
deleted file mode 100644
index a8667d4b6edf..000000000000
Binary files a/content/en/docs/collector/img/otel-collector-before-connector.png and /dev/null differ