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存储技术,所以不仅图片水印可以自定义,对图片的其他操作也可以自定义,比如:旋转,裁剪,锐化等,详情可以点击这里查看。
CSDN博客图片水印自定义及去除方法的更多相关文章
- Python 实用爬虫-04-使用 BeautifulSoup 去水印下载 CSDN 博客图片
Python 实用爬虫-04-使用 BeautifulSoup 去水印下载 CSDN 博客图片 其实没太大用,就是方便一些,因为现在各个平台之间的图片都不能共享,比如说在 CSDN 不能用简书的图片, ...
- 更改CSDN博客皮肤的一种简易方法
CSDN改版后,皮肤设置变得不能够更改了,不过下面这种方法依然可以做到: 首先来到博客设置的主页面:. 接下来按ctrl + shift + i进入 如下页面,然后点击图中红色标记圈起来的选择元素按钮 ...
- 如何在CSDN博客自定义栏目中添加“给我写信”
在"自定义栏目"中添加"连接"(将自己的微博,QQ空间和CSDN博客关联起来)很多人都做过.但是添加"给我写信"这个功能,用的好像不太多.此 ...
- 从CSDN博客下载的图片如何无损去水印
如果你想下载别人CSDN博客文章中很好看的图片,但却有水印 想要下载去水印的图片,可以先鼠标右击该图片,选择复制图片地址 https://img-blog.csdnimg.cn/20200916140 ...
- 手把手教你在CSDN博客中插入图片之剑走偏锋系列
1.在博客园注册账号.你没有看错,就是博客园,在图像上传方面博客园比CSDN这个垃圾强太多了. 2.在博客园进入随笔撰写编辑模块,点击上传图像按钮(点最黄的那个,别点错了). 3.弹出如下窗口 ,点击 ...
- Python爬取CSDN博客文章
0 url :http://blog.csdn.net/youyou1543724847/article/details/52818339Redis一点基础的东西目录 1.基础底层数据结构 2.win ...
- 公告:CSDN博客频道新功能正式上线!
各位尊敬的CSDN用户: 你们好! 为了更好的服务于用户,CSDN博客最新推出如下功能: 1.取消开通博客3天才能发布博文的限制,博客开通之后即可发表博文 2.博客文章增加自定义摘要功能 在发表 ...
- 为CSDN博客添加站内搜索栏目
栏目代码 <div id="panel_Search"> <img src="http://img.blog.csdn.net/201707190247 ...
- 敏捷开发用户故事系列之十一:CSDN博客用户故事分析
这是敏捷开发用户故事系列的第十一篇.(栏目目录) 经常有人问起有没有完整的用户故事案例.本人在网上找了一下,大约能找到两三篇,但多数只是为了描述用户故事的语法而已,都不涉及用户故事的颗粒度.大量故事的 ...
随机推荐
- MIT 6.828 Lab04 : Preemptive Multitasking
目录 Part A:Multiprocessor Support and Cooperative Multitasking Multiprocessor Support 虚拟内存图 Exercise ...
- 虚拟化技术之kvm磁盘管理工具qemu-img
在前边的博客中,我们大致了解了virsh这个工具对kvm虚拟机的一些操作,回顾请参考https://www.cnblogs.com/qiuhom-1874/tag/virsh/:今天我们来了解下kvm ...
- 数据隐私和GDPR
近十几年来,随着大数据给各行各业带来的变化,以及数据时代不断强调的数据就是燃料,谁掌握数据谁就掌握未来的各种论调,大家纷纷开始收集数据,挖掘数据,转卖数据.而个人,作为数据真正拥有者的利益早就在商业利 ...
- 原生js实现 vue的数据双向绑定
原生js实现一个简单的vue的数据双向绑定 vue是采用数据劫持结合发布者-订阅者模式的方式,通过Object.defineProperty()来劫持各个属性的setter,getter,在数据变动时 ...
- Solon详解(五)- Solon扩展机制之Solon Plugin
Solon 中也有一种非常解耦的扩展机制:Solon Plugin.这种扩展机制和Spring Factories很像,和SPI也很像. 一.Solon 中的扩展机制 在Solon的扩展插件加载机制, ...
- Word操作之参考文献自动关联和引用
转载:https://blog.csdn.net/qq_40078121/article/details/88681605 编号选项->定义新编号格式: 选择插入->交叉引用选项: 然后选 ...
- 【Pytorch-入门】windows下的环境搭建(经验证成功~)
前言 实验需要,之前使的tensorflow[因为自己手边的服务器都是windows环境TT...],但身边的师兄们用的都是pytorch,自己查了查现在做科研基本上都是用的pytorch,而且现在p ...
- 1.OpenGL mac开发环境搭建记录
1.安装GLEW 和GLFW,转摘至:https://www.cnblogs.com/pretty-guy/p/11357793.html 2.开始测试,整个工程报错,关键信息如下: code sig ...
- 【平台开发】— 2.前端:vue-element-admin
前端我虽然没怎么写过,但也并不陌生.之前做web自动化,网页结构没少看,html,css,js也都断断续续了解过. 如果从空白开始写,肯定还是需要花不少时间的. 好在网上有了不少成熟的后台系统的前端脚 ...
- Just an Old Puzzle(2019多校1007)
Problem Description You are given a 4 × 4 grid, which consists of 15 number cells and an empty cell. ...