图片转box-shadow，保护图片不被下载 [优化]

观音 · 发表于 2024-8-16 18:31:22

本帖最后由观音于 2024-8-16 21:27 编辑

昨天刷到一个html的视频，说到可以将图片转成 box-shadow 也就是阴影新增一个 1px*1px 的div，设置盒子阴影偏移，就可以实现一个像素一个颜色值，众所周知，图片就是由一个个颜色组成的
这样可以防止图片被别人直接保存，当然也就是图一乐，没啥实际意义，而且这样会导致文件很大，600kb的图片转换成了惊人的22MB

通过缩小数据,用js修改boxshadow,600kb的照片可以压缩到5.87MB，但是数据太大会修改失败，只能修改小尺寸图片已经优化好了，600kb的照片现在只有6MB

直接看效果图

源码截图

图片转box-shadow.e (961.98 KB, 下载次数: 14)

小虎来了 · 发表于 2024-8-21 10:02:08

支持开源~！感谢分享

光影魔术 · 发表于 2024-8-19 21:26:41

感谢分享源码

ctry78985 · 发表于 2024-8-19 11:52:40

感谢分享

胖子葛格 · 发表于 2024-8-19 10:10:19

感谢大神分享~！

396384183 · 发表于 2024-8-19 09:43:34

感谢大神分享~！

kyo9766 · 发表于 2024-8-17 11:24:36

就喜欢这些好玩的东西，感谢分享

我們還太嫩 · 发表于 2024-8-17 10:21:46

求个楼主的配色分享

year1970 · 发表于 2024-8-17 08:59:37

感谢分享

wuqingg · 发表于 2024-8-17 08:48:12

支持开源，感谢分享

		自动登录	找回密码
密码			注册

[易语言纯源码] 图片转box-shadow，保护图片不被下载 [优化]

点评

评分

本帖被以下淘专辑推荐: