diff --git a/README.md b/README.md
index 6a5e60e..24faced 100644
--- a/README.md
+++ b/README.md
@@ -7,8 +7,7 @@ With Colors.js (~8.7k or way smaller if other color spaces and complex calculati
 
 See demo at http://dematte.at/cpn
 
-<img src="images/screen-shot-L.png" />&#160;<img src="images/screen-shot-M.png" />
-<img src="images/screen-shot-XS.png" />&#160;<img src="images/screen-shot-XXS.png" />
+<img src="images/screen-shot-all.png" />
 
 All the W3C 2.0 calculations for readability are also based on opacity levels on all layers<br>
 Supported color spaces: (*: also displayed as colors)<br>
diff --git a/images/screen-shot-L.png b/images/screen-shot-L.png
index f41e281..29e8af7 100644
Binary files a/images/screen-shot-L.png and b/images/screen-shot-L.png differ
diff --git a/images/screen-shot-M.png b/images/screen-shot-M.png
index 31e0b68..ab2e71b 100644
Binary files a/images/screen-shot-M.png and b/images/screen-shot-M.png differ
diff --git a/images/screen-shot-XS.png b/images/screen-shot-XS.png
index ee0f519..5acdc36 100644
Binary files a/images/screen-shot-XS.png and b/images/screen-shot-XS.png differ
diff --git a/images/screen-shot-XXS.png b/images/screen-shot-XXS.png
index 9f3c58b..7944a20 100644
Binary files a/images/screen-shot-XXS.png and b/images/screen-shot-XXS.png differ
diff --git a/images/screen-shot-all.png b/images/screen-shot-all.png
new file mode 100644
index 0000000..278c72c
Binary files /dev/null and b/images/screen-shot-all.png differ