Select an image and convert it to CSS!

By @stowaway4331

Select an Image

Image preview

Original size:


Rendered image

Size after conversion:

About
This output was created by resizing and setting each pixel as a box-shadow of a single pixel div, so no `img` tag or `background-image` is needed. Is this a better way of rendering images? Absolutely not. The generated image is sometimes much bigger than the original and as you can see, worse in quality.
Why do it? These images are dynamic and each pixel's position can be controlled by making very few changes to the generated string. This can be used in browser games where textures need to dynamically react to change in camera angle and lighting.