diff --git a/public/docs/dart/latest/guide/displaying-data.jade b/public/docs/dart/latest/guide/displaying-data.jade
index 7e1d9c64d9..7253cd00ff 100644
--- a/public/docs/dart/latest/guide/displaying-data.jade
+++ b/public/docs/dart/latest/guide/displaying-data.jade
@@ -5,7 +5,7 @@
       based on state. The final UI looks like this:
 
   figure.image-display
-    img(src='displaying-data-example1.png')
+    img(src='/resources/images/examples/displaying-data-example1.png' alt="Example of Todo App")
 
 .l-main-section
   h2#section-create-an-entry-point Create entry points and pubspec
diff --git a/public/docs/dart/latest/guide/setup.jade b/public/docs/dart/latest/guide/setup.jade
index 8932b6ee43..9aeb1fcec3 100644
--- a/public/docs/dart/latest/guide/setup.jade
+++ b/public/docs/dart/latest/guide/setup.jade
@@ -124,7 +124,7 @@
     You should see something like this:
 
   figure.image-display
-    img(src='setup-example1.png')
+    img(src='/resources/images/examples/setup-example1.png'  alt="Example of Todo App")
 
 .l-main-section
   h2#section-explanations Explanations
diff --git a/public/docs/dart/latest/guide/user-input-example1.png b/public/docs/dart/latest/guide/user-input-example1.png
deleted file mode 100644
index 822abea3c9..0000000000
Binary files a/public/docs/dart/latest/guide/user-input-example1.png and /dev/null differ
diff --git a/public/docs/dart/latest/guide/user-input.jade b/public/docs/dart/latest/guide/user-input.jade
index bda9bbb6ee..a79bdca809 100644
--- a/public/docs/dart/latest/guide/user-input.jade
+++ b/public/docs/dart/latest/guide/user-input.jade
@@ -32,7 +32,7 @@
     Let's do something a little more complex, where the user enters items
     that the app adds to a list:
   figure.image-display
-    img(src='user-input-example1.png')
+    img(src='/resources/images/examples/user-input-example1.png' alt="Example of Todo App")
 
 
 .l-main-section
diff --git a/public/docs/js/latest/guide/displaying-data-example1.png b/public/docs/js/latest/guide/displaying-data-example1.png
deleted file mode 100644
index d0f02a6464..0000000000
Binary files a/public/docs/js/latest/guide/displaying-data-example1.png and /dev/null differ
diff --git a/public/docs/js/latest/guide/displaying-data.jade b/public/docs/js/latest/guide/displaying-data.jade
index 56c373a519..76d8f3890e 100644
--- a/public/docs/js/latest/guide/displaying-data.jade
+++ b/public/docs/js/latest/guide/displaying-data.jade
@@ -8,7 +8,7 @@
     based on state. We'll end up with a UI that looks like this:
 
   figure.image-display
-    img(src='displaying-data-example1.png')
+    img(src='/resources/images/examples/displaying-data-example1.png' alt="Example of Todo App")
 
 .callout.is-helpful
   header Typescript vs ES5
diff --git a/public/docs/js/latest/guide/setup-example1.png b/public/docs/js/latest/guide/setup-example1.png
deleted file mode 100644
index c67857149f..0000000000
Binary files a/public/docs/js/latest/guide/setup-example1.png and /dev/null differ
diff --git a/public/docs/js/latest/guide/setup.jade b/public/docs/js/latest/guide/setup.jade
index a39e6534c5..e3400c33d4 100644
--- a/public/docs/js/latest/guide/setup.jade
+++ b/public/docs/js/latest/guide/setup.jade
@@ -125,8 +125,9 @@
 
   p.
     Open <code>index.html</code> through your web server and you should see:
-  div(align='center')
-    img(src='setup-example1.png')
+
+  figure.image-display
+    img(src='/resources/images/examples/setup-example1.png' alt="Example of Todo App")
 
 .l-main-section
   h2#section-explanations Explanations
diff --git a/public/docs/js/latest/guide/user-input.jade b/public/docs/js/latest/guide/user-input.jade
index e252d7c4a7..008d384cda 100644
--- a/public/docs/js/latest/guide/user-input.jade
+++ b/public/docs/js/latest/guide/user-input.jade
@@ -24,8 +24,9 @@
     event.  And the <code>{{myname.value}}</code> binds the text node of the  <code>&lt;p&gt;</code> element to the
     input's value property.
   p Let's do something a little more complex where users enter items and add them to a list like this:
+
   figure.image-display
-      img(src='user-input-example1.png')
+    img(src='/resources/images/examples/user-input-example1.png' alt="Example of Todo App")
 
 
 .l-ain-section
diff --git a/public/docs/dart/latest/guide/displaying-data-example1.png b/public/resources/images/examples/displaying-data-example1.png
similarity index 100%
rename from public/docs/dart/latest/guide/displaying-data-example1.png
rename to public/resources/images/examples/displaying-data-example1.png
diff --git a/public/docs/dart/latest/guide/setup-example1.png b/public/resources/images/examples/setup-example1.png
similarity index 100%
rename from public/docs/dart/latest/guide/setup-example1.png
rename to public/resources/images/examples/setup-example1.png
diff --git a/public/docs/js/latest/guide/user-input-example1.png b/public/resources/images/examples/user-input-example1.png
similarity index 100%
rename from public/docs/js/latest/guide/user-input-example1.png
rename to public/resources/images/examples/user-input-example1.png