diff --git a/.gitattributes b/.gitattributes
index 15f0a09..37432dc 100644
--- a/.gitattributes
+++ b/.gitattributes
@@ -1,2 +1,3 @@
 *.jpg filter=lfs diff=lfs merge=lfs -text
+*.tiff filter=lfs diff=lfs merge=lfs -text
 *.data filter=lfs diff=lfs merge=lfs -text
diff --git a/web/index.html b/web/index.html
index b985cbe..443e973 100644
--- a/web/index.html
+++ b/web/index.html
@@ -12,6 +12,9 @@
     <div id="bottom-panel">
       <input type="file" id="file-upload-file-input" accept="image/tiff, .tif, .tiff">
       <button id="clear-scene-button">Clear Scene</button>
+      <button id="load-small-sample-button">Load Small Sample</button>
+      <button id="load-medium-sample-button">Load Medium Sample</button>
+      <button id="load-large-sample-button">Load Large Sample</button>
     </div>
   </div>
 </body>
diff --git a/web/large_sample.tiff b/web/large_sample.tiff
new file mode 100644
index 0000000..d726c07
--- /dev/null
+++ b/web/large_sample.tiff
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:a4a37577b44310d22b9f1aa87c677d3bc390a04ac12359168585dfe35c2a83c7
+size 4196568
diff --git a/web/medium_sample.tiff b/web/medium_sample.tiff
new file mode 100644
index 0000000..4697d22
--- /dev/null
+++ b/web/medium_sample.tiff
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:150a6abf5fe59e4cd96bedcc22067dee4d45d5b2cc1d805f4fce23a8439285fd
+size 114920
diff --git a/web/pteropus-frame.css b/web/pteropus-frame.css
index bfea514..2b67a52 100644
--- a/web/pteropus-frame.css
+++ b/web/pteropus-frame.css
@@ -20,3 +20,8 @@ body {
     flex-grow: 0;
     margin: 0.4rem;
 }
+
+button {
+    margin-left: 0.2rem;
+    margin-right: 0.2rem;
+}
diff --git a/web/pteropus-frame.js b/web/pteropus-frame.js
index 6504198..5977c99 100644
--- a/web/pteropus-frame.js
+++ b/web/pteropus-frame.js
@@ -37,6 +37,30 @@ async function run() {
         clear_scene = true;
     });
 
+    [
+        {
+            buttonId: "load-small-sample-button",
+            url: "small_sample.tiff"
+        },
+        {
+            buttonId: "load-medium-sample-button",
+            url: "medium_sample.tiff"
+        },
+        {
+            buttonId: "load-large-sample-button",
+            url: "large_sample.tiff"
+        }
+    ].forEach( (sample) => {
+        let loadSampleButton = document.getElementById(sample.buttonId);
+        loadSampleButton.addEventListener("click", async () => {
+            const response = await fetch(sample.url);
+            if(!response.ok) {
+                console.error("Couild not load sample file.")
+            }
+            test_file_data = await response.blob()
+        });
+    });
+
     while(true)
     {
         await pteropus.render();
diff --git a/web/small_sample.tiff b/web/small_sample.tiff
new file mode 100644
index 0000000..aa5eb80
--- /dev/null
+++ b/web/small_sample.tiff
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:c2e6e589e3536d79bccd84a19f7d56c31cd0834671fb30719147220a8a321a9a
+size 14684