zoukankan      html  css  js  c++  java
  • CSDN博客图片水印自定义及去除方法

    小图上传说明

    在这里插入图片描述
    尺寸较小的图片上传后默认不加水印,而且默认水平居中显示。你可以更改markdown格式后面的#pic_center,这是设置图片水平对齐的方式。#pic_left就是左对齐,#pic_right是右对齐。

    大图上传说明

    在这里插入图片描述
    大图上传默认添加水印,同样也是默认水平居中显示。这里的水平居中指的是图片在文章排版中的位置,而不是文字水印在图片中的位置。

    如何去除水印

    将图片url中和设置水印相关的参数全部删除就可以了。

    • 带水印的url
    https://img-blog.csdnimg.cn/20200916140807910.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyOTUxNTYw,size_16,color_FFFFFF,t_70#pic_center
    
    • 去水印的url
    https://img-blog.csdnimg.cn/20200916140807910.jpg#pic_center
    

    #pic_center之前也说过了,这是设置图片在文章中水平居中对齐,并不是设置水印的参数,可以不用删除。

    最终效果展示

    去水印后的效果

    批量去除水印

    在这里插入图片描述

    一般我们写博客肯定不止插入一张图片。CSDN提供了一个替换的快捷键Ctrl+G,被替换的内容为image/watermark,替换的内容为空,点击全部替换即可去掉所有图片的水印。

    水印的自定义

    有时候我们可能并不想删除水印,毕竟水印还可以起到保护知识产权的作用。但又不想因为水印而影响图片的美观性,这时候我们就需要学会自定义水印格式了。


    还是以上面大图的url为例,讲解如何自定义水印格式。

    https://img-blog.csdnimg.cn/20200916140807910.jpg?
    x-oss-process=image/watermark,
    type_ZmFuZ3poZW5naGVpdGk,
    shadow_10,
    text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyOTUxNTYw,
    size_16,
    color_FFFFFF,
    t_70
    #pic_center
    

    我们先了解一下这几个参数,以及各参数的具体含义:

    参数名称相关描述取值范围
    watermark为图片添加图片或文字水印
    type文字水印字体(Base64编码)所有支持的字体
    shadow指定文字水印的阴影透明度[0, 100]
    text文字水印内容(Base64编码)最大长度为64个字符
    size文字水印大小(0, 1000]
    color文字水印颜色十六进制颜色码
    t水印图片或水印文字的透明度[0,100]

    所以,你可以通过修改这些参数的值来自定义水印格式。


    比如这里想将水印文字内容设置为我是水印文字内容,因为水印文字内容必须是Base64编码格式,这里推荐一个BASE64在线加解密工具。水印文字经Base64编码后就是5oiR5piv5rC05Y2w5paH5a2X5YaF5a65,文字大小设置为100,颜色设置为绿色,透明度设置为50,再添加一对参数值g_south,该参数值指定水印在图片中下位置显示。更改上面的参数重新设置url后,图片效果展示如下:

    https://img-blog.csdnimg.cn/20200916140807910.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_5oiR5piv5rC05Y2w5paH5a2X5YaF5a65,size_100,color_00FF00,t_50,g_south#pic_center
    

    引用参考链接

    更多关于图片水印的参数详情可以点击这里查看。其实,CSDN上传的图片采用的是OSS存储技术,所以不仅图片水印可以自定义,对图片的其他操作也可以自定义,比如:旋转,裁剪,锐化等,详情可以点击这里查看。

  • 相关阅读:
    如何高效的利用博客园?
    [Asp.net]常见数据导入Excel,Excel数据导入数据库解决方案,总有一款适合你!
    [c#基础]关于const和readonly常见的笔试题剖析
    [Asp.net]常见word,excel,ppt,pdf在线预览方案,有图有真相,总有一款适合你!
    [c#基础]关于try...catch最常见的笔试题
    [UML]UML系列——时序图(顺序图)sequence diagram
    [转]winscp以命令行方式同步服务器数据到PC机磁盘上
    Mysql配置参数说明
    安装最新Nginx
    [CentOS7]redis设置开机启动,设置密码
  • 原文地址:https://www.cnblogs.com/ghgxj/p/14219144.html
Copyright © 2011-2022 走看看