diff --git a/README.md b/README.md
index 8447092..d33bee7 100644
--- a/README.md
+++ b/README.md
@@ -26,12 +26,16 @@ Writ is served through the CloudFlare CDN.
 <abbr>HTML</abbr> is super easy to write. Markdown is even easier to write and
 generate <abbr>HTML</abbr> from. But what does it look like?
 
-![Default Styles](screenshot/default.png)
+<p style="text-align: center;">
+  <img alt="Default styles" width="285" src="screenshot/default.png">
+</p>
 
 Not very nice, and it gets worse the more there is. Applying the Writ
 stylesheet makes it better.
 
-![Writ Styles](screenshot/writ.png)
+<p style="text-align: center;">
+  <img alt="Writ styles" width="285" src="screenshot/writ.png">
+</p>
 
 ## Caveats
 
diff --git a/index.html b/index.html
index 75789c8..5c65b74 100644
--- a/index.html
+++ b/index.html
@@ -41,10 +41,16 @@ <h2 id="goals">Goals</h2>
 <h2 id="motivation">Motivation</h2>
 <p><abbr>HTML</abbr> is super easy to write. Markdown is even easier to write and
 generate <abbr>HTML</abbr> from. But what does it look like?</p>
-<p><img src="screenshot/default.png" alt="Default Styles"></p>
+<p style="text-align: center;">
+  <img alt="Default styles" width="285" src="screenshot/default.png">
+</p>
+
 <p>Not very nice, and it gets worse the more there is. Applying the Writ
 stylesheet makes it better.</p>
-<p><img src="screenshot/writ.png" alt="Writ Styles"></p>
+<p style="text-align: center;">
+  <img alt="Writ styles" width="285" src="screenshot/writ.png">
+</p>
+
 <h2 id="caveats">Caveats</h2>
 <p>Writ is designed for modern, standards compliant browsers only. There are no
 compatibility hacks. Writ is tested on the latest stable releases of Safari,
diff --git a/screenshot/default.png b/screenshot/default.png
index cc209fd..7208ee7 100644
Binary files a/screenshot/default.png and b/screenshot/default.png differ
diff --git a/screenshot/writ.png b/screenshot/writ.png
index 1b1c007..ddad4f3 100644
Binary files a/screenshot/writ.png and b/screenshot/writ.png differ