打印照片Pixel by Pixel，带有CSS和HTML？

Question

如果你用CSS和HTML（Pixel by Pixel）打印整个图像，我一直在考虑是否需要更少的空间。我不是在谈论background-image或类似的事情，我在谈论类似的事情

<div style="height:1px, width:1px, background-color: black;" >
<div style="height:1px, width:1px, background-color: red;" >
<div style="height:1px, width:1px, background-color: blue;" >

如果你继续用CSS像素制作一张完整的照片。

Answer 1

没有。那将 大于图像文件。

您的示例为图像中的每个像素使用50到60个字节的HTML。通过一些优化，这可能会降低到大约30个字节。

相比之下，未压缩的图像文件（例如，Windows BMP）对每个像素使用大约4个字节的数据。 PNG和JPEG等压缩格式甚至更小，通常低于每像素一个字节。