Converting an image to a css grid

This an experiment where use Web Component to convert an uploaded image to css grid format.
This is just for fun, it works best with low resolution pixel art.

Future improvements might be to see if its possible to move any of the calculations off of the main thread.
If you were to upload an image and inspect it you should see that it gets converted to a css grid layout.

WARNING: High scale factors will result in A LOT of DOM nodes, may cause browser to hang, this is just an experiment.

Feel free to have a play yourself!