diff --git a/demos/async.html b/demos/async.html
index 39a0229..b308b42 100644
--- a/demos/async.html
+++ b/demos/async.html
@@ -464,7 +464,7 @@ <h1>Async loading demo</h1>
       var callback_error = function (element) {
         logElementEvent("💀 ERROR", element);
         element.src =
-          "https://via.placeholder.com/440x560/?text=Error+Placeholder";
+          "./images/440x560-ErrorPlaceholder.png";
       };
       var callback_finish = function () {
         logElementEvent("✔️ FINISHED", document.documentElement);
diff --git a/demos/async_multiple.html b/demos/async_multiple.html
index 5b080d4..48e7c29 100644
--- a/demos/async_multiple.html
+++ b/demos/async_multiple.html
@@ -471,7 +471,7 @@ <h1>Async loading, multiple instances demo</h1>
       var callback_error = function (element) {
         logElementEvent("💀 ERROR", element);
         element.src =
-          "https://via.placeholder.com/440x560/?text=Error+Placeholder";
+          "./images/440x560-ErrorPlaceholder.png";
       };
       var callback_finish = function () {
         logElementEvent("✔️ FINISHED", document.documentElement);
diff --git a/demos/container_multiple.html b/demos/container_multiple.html
index 120c661..db1db06 100644
--- a/demos/container_multiple.html
+++ b/demos/container_multiple.html
@@ -473,7 +473,7 @@ <h1>Multiple scrolling container demo</h1>
         var callback_error = function (element) {
           logElementEvent("💀 ERROR", element);
           element.src =
-            "https://via.placeholder.com/440x560/?text=Error+Placeholder";
+            "./images/440x560-ErrorPlaceholder.png";
         };
         var callback_finish = function () {
           logElementEvent("✔️ FINISHED", document.documentElement);
diff --git a/demos/container_single.html b/demos/container_single.html
index da30b5c..c226907 100644
--- a/demos/container_single.html
+++ b/demos/container_single.html
@@ -463,7 +463,7 @@ <h1>Single scrolling container demo</h1>
         var callback_error = function (element) {
           logElementEvent("💀 ERROR", element);
           element.src =
-            "https://via.placeholder.com/440x560/?text=Error+Placeholder";
+            "./images/440x560-ErrorPlaceholder.png";
         };
         var callback_finish = function () {
           logElementEvent("✔️ FINISHED", document.documentElement);
diff --git a/demos/dynamic_content.html b/demos/dynamic_content.html
index 69afd7b..59e8221 100644
--- a/demos/dynamic_content.html
+++ b/demos/dynamic_content.html
@@ -164,7 +164,7 @@ <h1>Dynamic content demo</h1>
         var callback_error = function (element) {
           logElementEvent("💀 ERROR", element);
           element.src =
-            "https://via.placeholder.com/440x560/?text=Error+Placeholder";
+            "./images/440x560-ErrorPlaceholder.png";
         };
         var callback_finish = function () {
           logElementEvent("✔️ FINISHED", document.documentElement);
diff --git a/demos/dynamic_content_nodeset.html b/demos/dynamic_content_nodeset.html
index d858b45..27a8837 100644
--- a/demos/dynamic_content_nodeset.html
+++ b/demos/dynamic_content_nodeset.html
@@ -147,7 +147,7 @@ <h1>Dynamic content passing nodeset demo</h1>
         var callback_error = function (element) {
           logElementEvent("💀 ERROR", element);
           element.src =
-            "https://via.placeholder.com/440x560/?text=Error+Placeholder";
+            "./images/440x560-ErrorPlaceholder.png";
         };
         var callback_finish = function () {
           logElementEvent("✔️ FINISHED", document.documentElement);
diff --git a/demos/esm.html b/demos/esm.html
index 535cd18..3f5ae23 100644
--- a/demos/esm.html
+++ b/demos/esm.html
@@ -462,7 +462,7 @@ <h1>ESM version demo</h1>
       };
       var callback_error = function (element) {
         logElementEvent("💀 ERROR", element);
-        element.src = "https://via.placeholder.com/440x560/?text=Error+Placeholder";
+        element.src = "./images/440x560-ErrorPlaceholder.png";
       };
       var callback_finish = function () {
         logElementEvent("✔️ FINISHED", document.documentElement);
diff --git a/demos/fade_in.html b/demos/fade_in.html
index f2b41bc..64dcb2a 100644
--- a/demos/fade_in.html
+++ b/demos/fade_in.html
@@ -472,7 +472,7 @@ <h1>Fade in effect demo</h1>
         var callback_error = function (element) {
           logElementEvent("💀 ERROR", element);
           element.src =
-            "https://via.placeholder.com/440x560/?text=Error+Placeholder";
+            "./images/440x560-ErrorPlaceholder.png";
         };
         var callback_finish = function () {
           logElementEvent("✔️ FINISHED", document.documentElement);
diff --git a/demos/hundreds.html b/demos/hundreds.html
index 7df90f8..ee02cc5 100644
--- a/demos/hundreds.html
+++ b/demos/hundreds.html
@@ -3272,7 +3272,7 @@ <h1>Hundreds of items demo</h1>
         var callback_error = function (element) {
           logElementEvent("💀 ERROR", element);
           element.src =
-            "https://via.placeholder.com/440x560/?text=Error+Placeholder";
+            "./images/440x560-ErrorPlaceholder.png";
         };
         var callback_finish = function () {
           logElementEvent("✔️ FINISHED", document.documentElement);
diff --git a/demos/iframes.html b/demos/iframes.html
index b48644e..5f1fefc 100644
--- a/demos/iframes.html
+++ b/demos/iframes.html
@@ -74,7 +74,7 @@ <h1>Lazy iframes demo</h1>
         var callback_error = function (element) {
           logElementEvent("💀 ERROR", element);
           element.src =
-            "https://via.placeholder.com/440x560/?text=Error+Placeholder";
+            "./images/440x560-ErrorPlaceholder.png";
         };
         var callback_finish = function () {
           logElementEvent("✔️ FINISHED", document.documentElement);
diff --git a/demos/image_basic.html b/demos/image_basic.html
index f6b1dbf..267b832 100644
--- a/demos/image_basic.html
+++ b/demos/image_basic.html
@@ -463,7 +463,7 @@ <h1>Basic demo</h1>
         };
         var callback_error = function (element) {
           logElementEvent("💀 ERROR", element);
-          element.src = "https://via.placeholder.com/440x560/?text=Error+Placeholder";
+          element.src = "./images/440x560-ErrorPlaceholder.png";
         };
         var callback_finish = function () {
           logElementEvent("✔️ FINISHED", document.documentElement);
diff --git a/demos/image_hidden.html b/demos/image_hidden.html
index c1a19af..8cf8a3c 100644
--- a/demos/image_hidden.html
+++ b/demos/image_hidden.html
@@ -185,7 +185,7 @@ <h1>Hidden images demo</h1>
         var callback_error = function (element) {
           logElementEvent("💀 ERROR", element);
           element.src =
-            "https://via.placeholder.com/440x560/?text=Error+Placeholder";
+            "./images/440x560-ErrorPlaceholder.png";
         };
         var callback_finish = function () {
           logElementEvent("✔️ FINISHED", document.documentElement);
diff --git a/demos/image_no_classes.html b/demos/image_no_classes.html
index 1b23005..a70755d 100644
--- a/demos/image_no_classes.html
+++ b/demos/image_no_classes.html
@@ -463,7 +463,7 @@ <h1>Basic demo</h1>
         };
         var callback_error = function (element) {
           logElementEvent("💀 ERROR", element);
-          element.src = "https://via.placeholder.com/440x560/?text=Error+Placeholder";
+          element.src = "./images/440x560-ErrorPlaceholder.png";
         };
         var callback_finish = function () {
           logElementEvent("✔️ FINISHED", document.documentElement);
diff --git a/demos/image_ph_external.html b/demos/image_ph_external.html
index 4a89caa..19eeb0c 100644
--- a/demos/image_ph_external.html
+++ b/demos/image_ph_external.html
@@ -503,7 +503,7 @@ <h1>Images with external placeholder demo</h1>
         var callback_error = function (element) {
           logElementEvent("💀 ERROR", element);
           element.src =
-            "https://via.placeholder.com/440x560/?text=Error+Placeholder";
+            "./images/440x560-ErrorPlaceholder.png";
         };
         var callback_finish = function () {
           logElementEvent("✔️ FINISHED", document.documentElement);
diff --git a/demos/image_ph_inline.html b/demos/image_ph_inline.html
index bf5bd5a..007e805 100644
--- a/demos/image_ph_inline.html
+++ b/demos/image_ph_inline.html
@@ -503,7 +503,7 @@ <h1>Images with inline placeholder demo</h1>
         var callback_error = function (element) {
           logElementEvent("💀 ERROR", element);
           element.src =
-            "https://via.placeholder.com/440x560/?text=Error+Placeholder";
+            "./images/440x560-ErrorPlaceholder.png";
         };
         var callback_finish = function () {
           logElementEvent("✔️ FINISHED", document.documentElement);
diff --git a/demos/image_srcset.html b/demos/image_srcset.html
index 7f9f6fe..937dfcc 100644
--- a/demos/image_srcset.html
+++ b/demos/image_srcset.html
@@ -466,7 +466,7 @@ <h1>Images with srcset without sizes demo</h1>
         var callback_error = function (element) {
           logElementEvent("💀 ERROR", element);
           element.src =
-            "https://via.placeholder.com/440x560/?text=Error+Placeholder";
+            "./images/440x560-ErrorPlaceholder.png";
         };
         var callback_finish = function () {
           logElementEvent("✔️ FINISHED", document.documentElement);
diff --git a/demos/image_srcset_lazy_sizes.html b/demos/image_srcset_lazy_sizes.html
index 58f6d09..9866490 100644
--- a/demos/image_srcset_lazy_sizes.html
+++ b/demos/image_srcset_lazy_sizes.html
@@ -507,7 +507,7 @@ <h1>Images with srcset and lazy sizes demo</h1>
         var callback_error = function (element) {
           logElementEvent("💀 ERROR", element);
           element.src =
-            "https://via.placeholder.com/440x560/?text=Error+Placeholder";
+            "./images/440x560-ErrorPlaceholder.png";
         };
         var callback_finish = function () {
           logElementEvent("✔️ FINISHED", document.documentElement);
diff --git a/demos/image_srcset_sizes.html b/demos/image_srcset_sizes.html
index 63921a4..5f202b6 100644
--- a/demos/image_srcset_sizes.html
+++ b/demos/image_srcset_sizes.html
@@ -506,7 +506,7 @@ <h1>Images with srcset and eager sizes demo</h1>
         var callback_error = function (element) {
           logElementEvent("💀 ERROR", element);
           element.src =
-            "https://via.placeholder.com/440x560/?text=Error+Placeholder";
+            "./images/440x560-ErrorPlaceholder.png";
         };
         var callback_finish = function () {
           logElementEvent("✔️ FINISHED", document.documentElement);
diff --git a/demos/images/440x560-ErrorPlaceholder.png b/demos/images/440x560-ErrorPlaceholder.png
new file mode 100644
index 0000000..2276b06
Binary files /dev/null and b/demos/images/440x560-ErrorPlaceholder.png differ
diff --git a/demos/lazily_load_lazyLoad.html b/demos/lazily_load_lazyLoad.html
index df32e2d..41106e4 100644
--- a/demos/lazily_load_lazyLoad.html
+++ b/demos/lazily_load_lazyLoad.html
@@ -1297,7 +1297,7 @@ <h1>Lazyly load lazyload demo</h1>
         var callback_error = function (element) {
           logElementEvent("💀 ERROR", element);
           element.src =
-            "https://via.placeholder.com/440x560/?text=Error+Placeholder";
+            "./images/440x560-ErrorPlaceholder.png";
         };
         var callback_finish = function () {
           logElementEvent("✔️ FINISHED", document.documentElement);
diff --git a/demos/lazy_functions.html b/demos/lazy_functions.html
index 472fc26..e8caf81 100644
--- a/demos/lazy_functions.html
+++ b/demos/lazy_functions.html
@@ -311,7 +311,7 @@ <h1>Lazy functions demo</h1>
         var callback_error = function (element) {
           logElementEvent("💀 ERROR", element);
           element.src =
-            "https://via.placeholder.com/440x560/?text=Error+Placeholder";
+            "./images/440x560-ErrorPlaceholder.png";
         };
         var callback_finish = function () {
           logElementEvent("✔️ FINISHED", document.documentElement);
diff --git a/demos/load.html b/demos/load.html
index 15dd6af..c62cc6e 100644
--- a/demos/load.html
+++ b/demos/load.html
@@ -366,7 +366,7 @@ <h1>Static load method demo</h1>
       var callback_error = function (element) {
         logElementEvent("💀 ERROR", element);
         element.src =
-          "https://via.placeholder.com/440x560/?text=Error+Placeholder";
+          "./images/440x560-ErrorPlaceholder.png";
       };
       var callback_finish = function () {
         logElementEvent("✔️ FINISHED", document.documentElement);
diff --git a/demos/load_all.html b/demos/load_all.html
index 0b82be3..981cef0 100644
--- a/demos/load_all.html
+++ b/demos/load_all.html
@@ -529,7 +529,7 @@ <h1>Load all demo</h1>
         var callback_error = function (element) {
           logElementEvent("💀 ERROR", element);
           element.src =
-            "https://via.placeholder.com/440x560/?text=Error+Placeholder";
+            "./images/440x560-ErrorPlaceholder.png";
         };
         var callback_finish = function () {
           logElementEvent("✔️ FINISHED", document.documentElement);
diff --git a/demos/object.html b/demos/object.html
index b5b1254..9592aa8 100644
--- a/demos/object.html
+++ b/demos/object.html
@@ -74,7 +74,7 @@ <h1>Lazy objects demo</h1>
         var callback_error = function (element) {
           logElementEvent("💀 ERROR", element);
           element.src =
-            "https://via.placeholder.com/440x560/?text=Error+Placeholder";
+            "./images/440x560-ErrorPlaceholder.png";
         };
         var callback_finish = function () {
           logElementEvent("✔️ FINISHED", document.documentElement);
diff --git a/demos/picture_media.html b/demos/picture_media.html
index c73f178..796e81d 100644
--- a/demos/picture_media.html
+++ b/demos/picture_media.html
@@ -866,7 +866,7 @@ <h1>Picture with media attribute in source tags demo</h1>
         var callback_error = function (element) {
           logElementEvent("💀 ERROR", element);
           element.src =
-            "https://via.placeholder.com/440x560/?text=Error+Placeholder";
+            "./images/440x560-ErrorPlaceholder.png";
         };
         var callback_cancel = function (element) {
           logElementEvent("🔥 CANCEL", element);
diff --git a/demos/picture_type_webp.html b/demos/picture_type_webp.html
index e6cb525..eb23d03 100644
--- a/demos/picture_type_webp.html
+++ b/demos/picture_type_webp.html
@@ -414,7 +414,7 @@ <h1>
         var callback_error = function (element) {
           logElementEvent("💀 ERROR", element);
           element.src =
-            "https://via.placeholder.com/440x560/?text=Error+Placeholder";
+            "./images/440x560-ErrorPlaceholder.png";
         };
         var callback_finish = function () {
           logElementEvent("✔️ FINISHED", document.documentElement);
diff --git a/demos/popup_layer.html b/demos/popup_layer.html
index 4b362b3..f773ed2 100644
--- a/demos/popup_layer.html
+++ b/demos/popup_layer.html
@@ -467,7 +467,7 @@ <h1>Popup layer demo</h1>
       var callback_error = function (element) {
         logElementEvent("💀 ERROR", element);
         element.src =
-          "https://via.placeholder.com/440x560/?text=Error+Placeholder";
+          "./images/440x560-ErrorPlaceholder.png";
       };
       var callback_finish = function () {
         logElementEvent("✔️ FINISHED", document.documentElement);
diff --git a/demos/print.html b/demos/print.html
index b99ae94..95b71fa 100644
--- a/demos/print.html
+++ b/demos/print.html
@@ -546,7 +546,7 @@ <h1>Print demo</h1>
       var callback_error = function (element) {
         logElementEvent("💀 ERROR", element);
         element.src =
-          "https://via.placeholder.com/440x560/?text=Error+Placeholder";
+          "./images/440x560-ErrorPlaceholder.png";
       };
       var callback_cancel = function (element) {
         logElementEvent("🔥 CANCEL", element);
diff --git a/demos/restore_destroy.html b/demos/restore_destroy.html
index 01b570d..9b9d7f1 100644
--- a/demos/restore_destroy.html
+++ b/demos/restore_destroy.html
@@ -469,7 +469,7 @@ <h1>Restore and Destroy demo</h1>
         };
         var callback_error = function (element) {
           logElementEvent("💀 ERROR", element);
-          element.src = "https://via.placeholder.com/440x560/?text=Error+Placeholder";
+          element.src = "./images/440x560-ErrorPlaceholder.png";
         };
         var callback_finish = function () {
           logElementEvent("✔️ FINISHED", document.documentElement);
diff --git a/demos/thresholds.html b/demos/thresholds.html
index 5bebe0e..3e4051d 100644
--- a/demos/thresholds.html
+++ b/demos/thresholds.html
@@ -492,7 +492,7 @@ <h1>Threshold and thresholds demo</h1>
         var callback_error = function (element) {
           logElementEvent("💀 ERROR", element);
           element.src =
-            "https://via.placeholder.com/440x560/?text=Error+Placeholder";
+            "./images/440x560-ErrorPlaceholder.png";
         };
         var callback_finish = function () {
           logElementEvent("✔️ FINISHED", document.documentElement);
diff --git a/demos/video.html b/demos/video.html
index a69987d..ce2e32e 100644
--- a/demos/video.html
+++ b/demos/video.html
@@ -94,7 +94,7 @@ <h2>Preload = auto</h2>
         };
         var callback_error = function (element) {
           logElementEvent("💀 ERROR", element);
-          element.src = "https://via.placeholder.com/440x560/?text=Error+Placeholder";
+          element.src = "./images/440x560-ErrorPlaceholder.png";
         };
         var callback_finish = function () {
           logElementEvent("✔️ FINISHED", document.documentElement);
diff --git a/demos/video_autoplay.html b/demos/video_autoplay.html
index fc52366..037b2b7 100644
--- a/demos/video_autoplay.html
+++ b/demos/video_autoplay.html
@@ -97,7 +97,7 @@ <h2>Preload = auto</h2>
         };
         var callback_error = function (element) {
           logElementEvent("💀 ERROR", element);
-          element.src = "https://via.placeholder.com/440x560/?text=Error+Placeholder";
+          element.src = "./images/440x560-ErrorPlaceholder.png";
         };
         var callback_finish = function () {
           logElementEvent("✔️ FINISHED", document.documentElement);