万奢网-名品奢网名表回收网 › 首页 › 查看评论

是否能用HTML去编辑修改一张图片？

评论 (2)|发表评论

奢侈品回收 2023-2-15 19:43 引用

我认为你说的“html”，是指“html、css、js”；有两种解决方案可以修改一个图片的大小而不影响清晰度；
第一种解决方案：css超出隐藏就是用css中的overflow:hiddenhtml:<div><img src="1.jpg"></div>css:div{width:100px;height:100px;overflow:hidden;}优点：这种解决方案没有对图片进行任何修改；缺点：裁剪之后，你加载的还是原来的图片，图片原来是100KB，现在还是这么大；
第二种解决方案：js真正裁剪demo 演示地址： Cropper.jsgithub地址：fengyuanchen/cropperjs优点：裁剪之后，原来是100KB，现在肯定小于100KB缺点：不是你原来的图片了，可能会对清晰度有影响；
wanhuLee 2023-2-15 19:42 引用

　　首先修改图片的软件一般是图片处理合成软件，一般不需要代码就可以编辑，一般常见的有Photoshop、fireworks、AI等，如果想修改图片的大小而浅析度不变的话，就需要将图片做成适量图，这样图片无论放大多少倍了不影响图片质量。如果图片是在网页中就要结合html或CSS来格式化图片修改其属性就可以。使用html来约束图片大小：<img width=200px height=100px;/>使用css来约束图片大小：img {width:200px;height:100px;}但这里放大缩小会对图片清晰度有一定的影响，为了不影响图片清晰度可以将图片做得比较大，就可以将对清晰度影响减小。如果想开发在线编辑图片大小的软件，可以学习PHP，从而开发在线编辑图片的软件即可。