>Turn images into 1px elements in Python.
Rate my solution
from PIL import Image
im = Image.open("qt1.jpg")
x, y = im.size[0], im.size[1]
pixels, w, h = [], 0, 0
pix = im.load()
for j in range(y):
temp = []
for i in range(x):
temp.append('#%02x%02x%02x' % (pix[i, j]))
pixels.append(temp)
q = open('output.html', 'w')
body = """
<html>
<head>
<script>window.pix = %s;</script>
<script>
document.addEventListener('DOMContentLoaded', function() {
var h = 0;
draw = document.getElementById("draw");
for (var l = 0; l < pix.length; l++) {
h++;
for (var p = 0; p < pix[l].length; p++) {
var newPix = document.createElement('div');
newPix.style.position = "absolute";
newPix.style.height = 1 + "px";
newPix.style.width = 1 + "px";
newPix.style.left = p + "px";
newPix.style.top = h + "px";
newPix.style.backgroundColor = pix[l][p];
draw.appendChild(newPix)
}
}
});
</script>
</head>
<body>
<div id='draw'></div>
</body>
</html>
""" % (str(pixels))
q.write(body)
q.close()