diff --git a/docs/api.md b/docs/api.md
index dd661151..76c20364 100644
--- a/docs/api.md
+++ b/docs/api.md
@@ -345,7 +345,7 @@ The Puppeteer API is hierarchical and mirrors the browser structure.
> **NOTE** On the following diagram, faded entities are not currently represented in Puppeteer.
-![puppeteer overview](../docs/assets/puppeteerOverview.png)
+![puppeteer overview](../docs/assets/overview.png)
- [`Puppeteer`](#class-puppeteer) communicates with the browser using [DevTools Protocol](https://chromedevtools.github.io/devtools-protocol/).
- [`Browser`](#class-browser) instance can own multiple browser contexts.
diff --git a/docs/assets/overview.png b/docs/assets/overview.png
new file mode 100644
index 00000000..851f5877
Binary files /dev/null and b/docs/assets/overview.png differ
diff --git a/docs/assets/overview.svg b/docs/assets/overview.svg
new file mode 100644
index 00000000..fd17efdc
--- /dev/null
+++ b/docs/assets/overview.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/docs/assets/puppeteerOverview.png b/docs/assets/puppeteerOverview.png
deleted file mode 100644
index cfc873ea..00000000
Binary files a/docs/assets/puppeteerOverview.png and /dev/null differ
diff --git a/docs/assets/puppeteerOverview.svg b/docs/assets/puppeteerOverview.svg
deleted file mode 100644
index 5d0254b0..00000000
--- a/docs/assets/puppeteerOverview.svg
+++ /dev/null
@@ -1,229 +0,0 @@
-
-