diff --git a/tests/web_interface/index.html b/tests/web_interface/index.html
new file mode 100644
index 000000000..388cd5233
--- /dev/null
+++ b/tests/web_interface/index.html
@@ -0,0 +1,48 @@
+ <!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="UTF-8">
+    <title>tests/web_interface-test</title>
+    <style>
+      img {
+        display: none;
+      }  
+
+      table {
+        margin: 0 auto;
+      }
+    </style>
+  </head>
+  <body onload="draw();">
+    <table>
+      <tr>
+        <td><img src="65"></td>
+        <td><img src="65-2"></td>
+      </tr>
+      <tr>
+        <td><img src="66"></td>
+        <td><img src="66-2"></td>
+      </tr>
+    </table>
+
+    <script>
+      function draw() {
+        for (var i = 0; i < document.images.length; i++) {
+
+          canvas = document.createElement('canvas');
+          canvas.setAttribute('width', 300);
+          canvas.setAttribute('height', 300);
+
+          document.images[i].parentNode.insertBefore(canvas,document.images[i]);
+
+          ctx = canvas.getContext('2d');
+
+          ctx.imageSmoothingEnabled = false;
+
+          ctx.drawImage(document.images[i], 0, 0, 60, 60);          
+        }
+      }
+    </script>
+    
+ </body>
+</html>
diff --git a/tests/web_interface/main-2.c b/tests/web_interface/main-2.c
index 0c8469273..eb042bf88 100644
--- a/tests/web_interface/main-2.c
+++ b/tests/web_interface/main-2.c
@@ -56,7 +56,7 @@ int main()
 			for (x = 0; x < bmp.width; x++)
 			{
 				byte = bmp.buffer[bmp.pitch * y + x];
-				BMP_SetPixelRGB(qdbmp, x, y, byte, byte, byte);
+				BMP_SetPixelRGB(qdbmp, x, y, 255 - byte, 255 - byte, 255 - byte);
 				BMP_CHECK_ERROR(stdout, 1);
 			}
 		}
diff --git a/tests/web_interface/main.c b/tests/web_interface/main.c
index cc1b60d5e..45adda66f 100644
--- a/tests/web_interface/main.c
+++ b/tests/web_interface/main.c
@@ -56,7 +56,7 @@ int main()
 			for (x = 0; x < bmp.width; x++)
 			{
 				byte = bmp.buffer[bmp.pitch * y + x];
-				BMP_SetPixelRGB(qdbmp, x, y, byte, byte, byte);
+				BMP_SetPixelRGB(qdbmp, x, y, 255 - byte, 255 - byte, 255 - byte);
 				BMP_CHECK_ERROR(stdout, 1);
 			}
 		}
diff --git a/tests/web_interface/readme.txt b/tests/web_interface/readme.txt
new file mode 100644
index 000000000..2e8fab843
--- /dev/null
+++ b/tests/web_interface/readme.txt
@@ -0,0 +1,5 @@
+Compile with baseline:
+gcc main.c qdbmp.c -I ./freetype-2.5.1/include -L ./freetype-2.5.1/objs -lfreetype -o baseline
+
+Compile with test:
+gcc main-2.c qdbmp.c -I ./freetype-2.8/include -L ./freetype-2.8/objs -lfreetype -o test
