diff --git a/lib/gollum/frontend/public/gollum/livepreview/images/savecomment_24.png b/lib/gollum/frontend/public/gollum/livepreview/images/savecomment_24.png
new file mode 100644
index 00000000..38d7d41a
Binary files /dev/null and b/lib/gollum/frontend/public/gollum/livepreview/images/savecomment_24.png differ
diff --git a/lib/gollum/frontend/public/gollum/livepreview/index.html b/lib/gollum/frontend/public/gollum/livepreview/index.html
index 36564644..916d823a 100644
--- a/lib/gollum/frontend/public/gollum/livepreview/index.html
+++ b/lib/gollum/frontend/public/gollum/livepreview/index.html
@@ -19,9 +19,10 @@
 <div id="editor"></div>
 
 <div id="previewframe"><div id="contentframe" class="markdown-body"></div></div>
- <!-- tool panel and save from notepage.es -->  
+ <!-- tool panel from notepage.es. save & savecomment icons from Retina Display Icon Set -->  
 <div id="toolpanel" class="edit" style="width: 500px; right: 0px; ">
-  <a id="save" class="edit"><img src="images/save_24.png" alt="save" title="save"></a>
+  <a id="save" class="edit"><img src="images/save_24.png" alt="Save" title="Save"></a>
+  <a id="savecomment" class="edit"><img src="images/savecomment_24.png" alt="Save with comment" title="Save with comment"></a>
   <a id="toggle" class="edit" href="javascript:void(0)" onclick="jsm.toggleLeftRight();"><img src="images/lr_24.png" alt="Toggle left to right" title="Toggle left to right"></a>
 </div>
 
@@ -106,6 +107,10 @@ window.onload = function() {
     $.save();
   });
 
+  $('#savecomment').click(function() {
+    $.save();
+  });
+
   // onChange calls applyTimeout which rate limits the calling of makePreviewHtml based on render time.
   editor.on('change', applyTimeout);
   makePreviewHtml(); // preview default text on load