CSDN博客去除图片水印而不影响图片自适应的方法

CSDN博客在上传图片过程中,会自动给图片加盖水印。这种方式虽然在一定程度上保护了创作者的知识产权,但是其强制性也让很多人不舒服。有同学方法是在上传过程中,在URL中取出掉问号之后的内容,即?x-oss-process=……的内容,如下示例:

https://img-blog.csdnimg.cn/20190725134930187.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaW1vYjI1ODYxNg==,size_16,color_FFFFFF,t_70

CSDN博客去除图片水印而不影响图片自适应的方法_第1张图片

但是这种方式有一个弊端,在上传大图时,去掉这段参数会导致图片不会自适应,展示时可能发生变形。我用的方式是将其中的参数部分size_16替换为size_1,这样水印的文字部分字体大小缩小到肉眼无法观察到,自然也就达到了消除水印的效果啦。看下图我以微盟百度品牌专区图片为例上传的效果:

CSDN博客去除图片水印而不影响图片自适应的方法_第2张图片

 CSDN博客去除图片水印而不影响图片自适应的方法_第3张图片

CSDN博客去除图片水印而不影响图片自适应的方法_第4张图片

CSDN博客去除图片水印而不影响图片自适应的方法_第5张图片

CSDN博客去除图片水印而不影响图片自适应的方法_第6张图片 CSDN博客去除图片水印而不影响图片自适应的方法_第7张图片CSDN博客去除图片水印而不影响图片自适应的方法_第8张图片

CSDN博客去除图片水印而不影响图片自适应的方法_第9张图片

CSDN博客去除图片水印而不影响图片自适应的方法_第10张图片

CSDN博客去除图片水印而不影响图片自适应的方法_第11张图片

CSDN博客去除图片水印而不影响图片自适应的方法_第12张图片

 

你可能感兴趣的:(CSS与html)