这个项目能做什么

img2css 是一款将图像转换为纯 CSS 的网页工具。其主要技术是仅使用 box-shadow 重建图片:每个像素被调整大小并设置为单个像素 div 的 box-shadow,因此不需要 img 标签或 background-image。该项目指出,这种输出可能会变得非常大,除非别无选择,否则不建议用于生产环境。 第二种输出模式使用 base64 将整个图像文件嵌入 img 标签中,从而无需外部托管。 该工具可通过托管网页使用。README 还指向一个相关的编程库(canvas-image-utils),供希望以代码方式执行转换的用户使用,以及一个单独的逐像素动画实验(morphin)。 开发使用 pnpm:本地工作使用 pnpm install 和 pnpm dev,而 pnpm build 会将静态站点写入 out/ 目录。推送到 main 分支会将站点部署到 gh-pages 分支。