diff --git a/index.html b/index.html
index df8bb89..6905f86 100644
--- a/index.html
+++ b/index.html
@@ -56,6 +56,13 @@
           <div class="note upload-note">You can import multiple images at once.<br>All processing is done locally in your browser: your images are not uploaded or stored anywhere online.</div>
           <input type="file" id="file-input" name="file-input" multiple/><br />
           <div id="file-input-column-items"></div>
+          <template id="file-input-entry-template">
+            <div class="file-input-entry">
+              <img class="image-size-thumb" alt="" />
+              <span class="js-label"></span>
+              <button type="button" class="remove-button js-remove">remove image</button>
+            </div>
+          </template>
           <div class="note" id="continue-note">Add more images or <a href="#step-2">continue to step 2</a></div>
         </div>
         <div class="column-right">
diff --git a/js/script.js b/js/script.js
index fd176da..86538e0 100644
--- a/js/script.js
+++ b/js/script.js
@@ -796,20 +796,17 @@ function handleImageSelection(evt) {
       const img = new Image();
 
       img.onload = () => {
-        const fileInputColumnEntry = document.createElement('div');
-        fileInputColumnEntry.className = 'file-input-entry';
+        const fileInputEntryTemplate = document.getElementById('file-input-entry-template');
+        const fileInputEntryFragment = fileInputEntryTemplate.content.cloneNode(true);
+        const fileInputColumnEntry = fileInputEntryFragment.querySelector('.file-input-entry');
 
-        const fileInputColumnEntryThumb = document.createElement('img');
-        fileInputColumnEntryThumb.className = 'image-size-thumb';
+        const fileInputColumnEntryThumb = fileInputColumnEntry.querySelector('.image-size-thumb');
         fileInputColumnEntryThumb.src = img.src;
         fileInputColumnEntryThumb.alt = file.name;
 
-        const fileInputColumnEntryLabel = document.createElement('span');
-        fileInputColumnEntryLabel.textContent = file.name;
+        fileInputColumnEntry.querySelector('.js-label').textContent = file.name;
 
-        const fileInputColumnEntryRemoveButton = document.createElement('button');
-        fileInputColumnEntryRemoveButton.className = 'remove-button';
-        fileInputColumnEntryRemoveButton.innerHTML = 'remove image';
+        const fileInputColumnEntryRemoveButton = fileInputColumnEntry.querySelector('.js-remove');
 
         const canvas = document.createElement('canvas');
 
@@ -876,9 +873,6 @@ function handleImageSelection(evt) {
 
         fileInputColumnEntryRemoveButton.onclick = removeButtonOnClick;
 
-        fileInputColumnEntry.appendChild(fileInputColumnEntryThumb);
-        fileInputColumnEntry.appendChild(fileInputColumnEntryLabel);
-        fileInputColumnEntry.appendChild(fileInputColumnEntryRemoveButton);
         fileInputColumn.appendChild(fileInputColumnEntry);
 
         imageSizeSettings.appendChild(imageEntry);