开启辅助访问 切换到宽版

精易论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

用微信号发送消息登录论坛

新人指南 邀请好友注册 - 我关注人的新帖 教你赚取精币 - 每日签到


求职/招聘- 论坛接单- 开发者大厅

论坛版规 总版规 - 建议/投诉 - 应聘版主 - 精华帖总集 积分说明 - 禁言标准 - 有奖举报

查看: 1882|回复: 25
收起左侧

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

[复制链接]

结帖率:100% (11/11)
发表于 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

直接看效果图

RuGuo_2024-08-16_18-27-31.png
源码截图

RuGuo_2024-08-16_21-24-59.png

图片转box-shadow.e (961.98 KB, 下载次数: 14)
RuGuo_2024-08-16_18-29-03.png

点评

就爱这些花里胡哨的思路   浙江省温州市  发表于 2024-8-16 22:02
如果使用 js 在文件打开时 进行替换会更小一些 压缩了作用也不大 估计压缩完也得十几兆   福建省福州市  发表于 2024-8-16 18:36

评分

参与人数 5精币 +75 收起 理由
wa690602724 + 1 感谢分享,很给力!~
光影魔术 + 2 开源精神必须支持~
kyo9766 + 1 感谢分享,很给力!~
熬夜 + 5 就爱这些花里胡哨的思路
Godsteal + 66 开源精神必须支持~

查看全部评分


本帖被以下淘专辑推荐:

结帖率:50% (7/14)

签到天数: 10 天

发表于 2024-8-21 10:02:08 | 显示全部楼层   安徽省淮北市
支持开源~!感谢分享
回复 支持 反对

使用道具 举报

结帖率:100% (1/1)

签到天数: 13 天

发表于 2024-8-19 21:26:41 | 显示全部楼层   广西壮族自治区柳州市
感谢分享源码
回复 支持 反对

使用道具 举报

签到天数: 22 天

发表于 2024-8-19 11:52:40 | 显示全部楼层   湖北省武汉市
感谢分享
回复 支持 反对

使用道具 举报

结帖率:0% (0/1)

签到天数: 17 天

发表于 2024-8-19 10:10:19 | 显示全部楼层   广东省汕头市
感谢大神分享~!
回复 支持 反对

使用道具 举报

结帖率:73% (8/11)

签到天数: 20 天

发表于 2024-8-19 09:43:34 | 显示全部楼层   河南省焦作市
感谢大神分享~!
回复 支持 反对

使用道具 举报

结帖率:100% (3/3)

签到天数: 14 天

发表于 2024-8-17 11:24:36 | 显示全部楼层   山东省青岛市
就喜欢这些好玩的东西,感谢分享
回复 支持 反对

使用道具 举报

结帖率:92% (12/13)
发表于 2024-8-17 10:21:46 | 显示全部楼层   广东省深圳市
求个楼主的配色分享
回复 支持 反对

使用道具 举报

结帖率:100% (4/4)

签到天数: 22 天

发表于 2024-8-17 08:59:37 | 显示全部楼层   山东省淄博市
感谢分享
回复 支持 反对

使用道具 举报

结帖率:80% (57/71)

签到天数: 20 天

发表于 2024-8-17 08:48:12 | 显示全部楼层   广东省深圳市
支持开源,感谢分享
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则 致发广告者

发布主题 收藏帖子 返回列表

sitemap| 易语言源码| 易语言教程| 易语言论坛| 易语言模块| 手机版| 广告投放| 精易论坛
拒绝任何人以任何形式在本论坛发表与中华人民共和国法律相抵触的言论,本站内容均为会员发表,并不代表精易立场!
论坛帖子内容仅用于技术交流学习和研究的目的,严禁用于非法目的,否则造成一切后果自负!如帖子内容侵害到你的权益,请联系我们!
防范网络诈骗,远离网络犯罪 违法和不良信息举报电话0663-3422125,QQ: 793400750,邮箱:wp@125.la
Powered by Discuz! X3.4 揭阳市揭东区精易科技有限公司 ( 粤ICP备12094385号-1) 粤公网安备 44522102000125 增值电信业务经营许可证 粤B2-20192173

快速回复 返回顶部 返回列表