diff --git a/data/scripts/lazyLoadSamples.js b/data/scripts/lazyLoadSamples.js
index b3362443..e9e0c490 100644
--- a/data/scripts/lazyLoadSamples.js
+++ b/data/scripts/lazyLoadSamples.js
@@ -1,5 +1,21 @@
-lazyLoad([[], [], [], [], [], [], [], []])
+lazyLoad([
+	['data/site/images/samples/fullRes/sample1.png', 'sample1'],
+	['data/site/images/samples/fullRes/sample2.png', 'sample2'],
+	['data/site/images/samples/fullRes/sample3.png', 'sample3'],
+	['data/site/images/samples/fullRes/sample4.png', 'sample4'],
+	['data/site/images/samples/fullRes/sample5.png', 'sample5'],
+	['data/site/images/samples/fullRes/sampleBling.png', 'sampleBling'],
+	['data/site/images/samples/fullRes/sampleCustomize.png', 'sampleCustomize'],
+	['data/site/images/samples/fullRes/sampleVariety.png', 'sampleVariety']
+])
 
 function lazyLoad(imageList = []) {
-
+	for (var i = 0; i < imageList.length; i++) {
+		var tempSampleImage = new Image()
+		tempSampleImage.customVarId = imageList[i][1]
+		tempSampleImage.onload = function() {
+			document.getElementById(this.customVarId).src = this.src
+		}
+		tempSampleImage.src = imageList[i][0]
+	}
 }
\ No newline at end of file
diff --git a/data/site/images/samples/sample1.png b/data/site/images/samples/sample1.png
index c76af747..bc11ddb4 100644
Binary files a/data/site/images/samples/sample1.png and b/data/site/images/samples/sample1.png differ
diff --git a/data/site/images/samples/sample2.png b/data/site/images/samples/sample2.png
index a9ac3199..37ebe058 100644
Binary files a/data/site/images/samples/sample2.png and b/data/site/images/samples/sample2.png differ
diff --git a/data/site/images/samples/sample3.png b/data/site/images/samples/sample3.png
index cbca4228..f86a3dee 100644
Binary files a/data/site/images/samples/sample3.png and b/data/site/images/samples/sample3.png differ
diff --git a/data/site/images/samples/sample4.png b/data/site/images/samples/sample4.png
index 98b12f37..ee9ce05c 100644
Binary files a/data/site/images/samples/sample4.png and b/data/site/images/samples/sample4.png differ
diff --git a/data/site/images/samples/sample5.png b/data/site/images/samples/sample5.png
index 98ed48ab..b13a045a 100644
Binary files a/data/site/images/samples/sample5.png and b/data/site/images/samples/sample5.png differ
diff --git a/data/site/images/samples/sampleBling.png b/data/site/images/samples/sampleBling.png
index 925b29f6..1e3101b3 100644
Binary files a/data/site/images/samples/sampleBling.png and b/data/site/images/samples/sampleBling.png differ
diff --git a/data/site/images/samples/sampleCustomize.png b/data/site/images/samples/sampleCustomize.png
index cff9f06b..bd624162 100644
Binary files a/data/site/images/samples/sampleCustomize.png and b/data/site/images/samples/sampleCustomize.png differ
diff --git a/data/site/images/samples/sampleVariety.png b/data/site/images/samples/sampleVariety.png
index 06b2eb4b..b6a1d8f8 100644
Binary files a/data/site/images/samples/sampleVariety.png and b/data/site/images/samples/sampleVariety.png differ
diff --git a/index.html b/index.html
index 9dc8580d..8b963cf8 100644
--- a/index.html
+++ b/index.html
@@ -269,6 +269,7 @@
     <script defer src="data/scripts/sortable.js"></script>
 	<script defer src="data/scripts/main.js"></script>
 	<script defer src="data/scripts/versions/m15/version.js"></script>
+	<script defer src="data/scripts/lazyLoadSamples.js"></script>
 	<!-- <script async src="data/scripts/palettes/darkMode.js"></script> -->
 </body>
 <footer class='footer'>