diff --git a/www/maposmatic/templates/maposmatic/index-parts/carousel.html b/www/maposmatic/templates/maposmatic/index-parts/carousel.html
index fd8bc010..c0e53b23 100644
--- a/www/maposmatic/templates/maposmatic/index-parts/carousel.html
+++ b/www/maposmatic/templates/maposmatic/index-parts/carousel.html
@@ -9,13 +9,13 @@
   <!-- Wrapper for slides -->
   <div class="carousel-inner">
     <div class="carousel-item active">
-      <img src="/media/img/preview-1.png" width="100%" alt="plain layout">
+      <img src="/media/img/preview-1.png" srcset="/media/img/preview-1.png, /media/img/preview-1d.png 2x" width="100%" alt="plain layout">
       <div class="carousel-caption">
       	<h3>Plain Layout</h3>
       </div>
     </div>
     <div class="carousel-item">
-      <img src="/media/img/preview-2.png"  width="100%" alt="side index layout">
+      <img src="/media/img/preview-2.png" srcset="/media/img/preview-2.png, /media/img/preview-2d.png 2x" width="100%" alt="plain layout">
       <div class="carousel-caption">
       	<h3>Side Index Layout</h3>
       </div>
diff --git a/www/static/img/preview-1d.png b/www/static/img/preview-1d.png
new file mode 100644
index 00000000..c94939e2
Binary files /dev/null and b/www/static/img/preview-1d.png differ
diff --git a/www/static/img/preview-2d.png b/www/static/img/preview-2d.png
new file mode 100644
index 00000000..58d7b8f3
Binary files /dev/null and b/www/static/img/preview-2d.png differ