diff --git a/manual/conversion.rst b/manual/conversion.rst
index a4d8f94f97..5576209e01 100644
--- a/manual/conversion.rst
+++ b/manual/conversion.rst
@@ -26,7 +26,7 @@ it, a tooltip will appear describing the setting.
 .. image:: images/conv_dialog.png
     :align: center
     :alt: Ebook conversion dialog
-    :scale: 50 
+    :class: half-width-img
 
 .. contents:: Contents
   :depth: 1
diff --git a/manual/diff.rst b/manual/diff.rst
index f066cfc3bd..e9d42805e1 100644
--- a/manual/diff.rst
+++ b/manual/diff.rst
@@ -21,6 +21,7 @@ you the differences in text, styles and images in the chosen books.
 .. image:: images/diff.png
     :alt: The compare tool
     :align: center
+    :class: fit-img
 
 Understanding the comparison view
 ----------------------------------
diff --git a/manual/edit.rst b/manual/edit.rst
index 0aef380af8..24c07b1268 100644
--- a/manual/edit.rst
+++ b/manual/edit.rst
@@ -17,6 +17,7 @@ You can use this editor by right clicking on any book in |app| and selecting
 .. image:: images/edit-book.png
     :alt: The Edit Book tool
     :align: center
+    :class: fit-img
 
 .. contents:: Contents
   :depth: 2
diff --git a/manual/templates/layout.html b/manual/templates/layout.html
index ff2e7b0113..52a03a6691 100644
--- a/manual/templates/layout.html
+++ b/manual/templates/layout.html
@@ -4,6 +4,8 @@
     <style type="text/css">
         .float-left-img { float: left; margin-right: 1em; margin-bottom: 1em }
         .float-right-img { float: right; margin-left: 1em; margin-bottom: 1em }
+        .half-with-img { max-width: 50% }
+        .fit-img { max-width: 95% }
     </style>
 
 {% endblock %}