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存储技术,所以不仅图片水印可以自定义,对图片的其他操作也可以自定义,比如:旋转,裁剪,锐化等,详情可以点击这里查看。

  • 相关阅读:
    OK335xS-Android mkmmc-android-ubifs.sh hacking
    OK335xS-Android pack-ubi-256M.sh hacking
    OK335xS Ubuntu 12.04.1 版本 Android 开发环境搭建
    Qt Quick Hello World hacking
    Qt QML referenceexamples attached Demo hacking
    QT 5.4.1 for Android Ubuntu QtWebView Demo
    I.MX6 working note for high efficiency
    QT 5.4.1 for Android Windows环境搭建
    mkbootimg hacking
    Generate And Play A Tone In Android hacking
  • 原文地址:https://www.cnblogs.com/ghgxj/p/14219144.html
Copyright © 2011-2022 走看看