diff --git a/example/build/first_gallery/index.html b/example/build/first_gallery/index.html
index cbf50f6..dfd84d8 100644
--- a/example/build/first_gallery/index.html
+++ b/example/build/first_gallery/index.html
@@ -156,7 +156,7 @@
             <div class="picture caption">
                 
                 <a href="stuff.png" data-caption="test">
-                    <img class="lazy" src="" data-original="stuff-x600png" alt="">
+                    <img class="lazy" src="" data-original="stuff-x600.png" alt="">
                     
                     <div class="caption__overlay">
                         <h5 class="caption__overlay__title">test</h5>
@@ -194,7 +194,7 @@
             <div class="picture caption">
                 
                 <a href="stuff.png" data-caption="test">
-                    <img class="lazy" src="" data-original="stuff-x600png" alt="">
+                    <img class="lazy" src="" data-original="stuff-x600.png" alt="">
                     
                     <div class="caption__overlay">
                         <h5 class="caption__overlay__title">test</h5>
@@ -217,7 +217,7 @@
             <div class="picture caption">
                 
                 <a href="stuff.png" >
-                    <img class="lazy" src="" data-original="stuff-x600png" alt="">
+                    <img class="lazy" src="" data-original="stuff-x600.png" alt="">
                     
                 </a>
                 
@@ -259,7 +259,7 @@
             <div class="picture caption">
                 
                 <a href="stuff.png" data-caption="test">
-                    <img class="lazy" src="" data-original="stuff-x600png" alt="">
+                    <img class="lazy" src="" data-original="stuff-x600.png" alt="">
                     
                     <div class="caption__overlay">
                         <h5 class="caption__overlay__title">test</h5>
@@ -280,7 +280,7 @@
             <div class="picture caption">
                 
                 <a href="stuff.png" data-caption="test">
-                    <img class="lazy" src="" data-original="stuff-x600png" alt="">
+                    <img class="lazy" src="" data-original="stuff-x600.png" alt="">
                     
                     <div class="caption__overlay">
                         <h5 class="caption__overlay__title">test</h5>
@@ -301,7 +301,7 @@
             <div class="picture caption">
                 
                 <a href="stuff.png" data-caption="test">
-                    <img class="lazy" src="" data-original="stuff-x600png" alt="">
+                    <img class="lazy" src="" data-original="stuff-x600.png" alt="">
                     
                     <div class="caption__overlay">
                         <h5 class="caption__overlay__title">test</h5>
@@ -324,7 +324,7 @@
             <div class="picture caption">
                 
                 <a href="stuff.png" >
-                    <img class="lazy" src="" data-original="stuff-x600png" alt="">
+                    <img class="lazy" src="" data-original="stuff-x600.png" alt="">
                     
                 </a>
                 
@@ -341,7 +341,7 @@
             <div class="picture caption">
                 
                 <a href="stuff.png" >
-                    <img class="lazy" src="" data-original="stuff-x600png" alt="">
+                    <img class="lazy" src="" data-original="stuff-x600.png" alt="">
                     
                 </a>
                 
diff --git a/example/build/index.html b/example/build/index.html
index ee4a433..963b756 100644
--- a/example/build/index.html
+++ b/example/build/index.html
@@ -41,7 +41,7 @@
       
       
       
-      <div class="gallery-cover" style="background-image: url('first_gallery/stuff-x900png');"></div>
+      <div class="gallery-cover" style="background-image: url('first_gallery/stuff-x900.png');"></div>
       
     </div><!-- comment tricks against space between inline-block
     -->