CSDN 如何取消图片水印和调整图片位置大小

1. 富文本编辑器模式

1.1 取消水印

点击富文本框上传的图片,右键选择“图像属性
​​CSDN 如何取消图片水印和调整图片位置大小_第1张图片
找到URL中的image/watermark,,将其删除CSDN 如何取消图片水印和调整图片位置大小_第2张图片
或者可以将png后面的内容全部删除
CSDN 如何取消图片水印和调整图片位置大小_第3张图片删除后点击“确定”。

1.2 调整图片大小和位置

在“图片属性”窗口可以直接调整宽高度和对齐方式CSDN 如何取消图片水印和调整图片位置大小_第4张图片

2. Markdown编辑器模式

2.1 取消水印

Markdown模式下插入图片可以直接看到图片的链接,同样,删除掉png后面的内容。
CSDN 如何取消图片水印和调整图片位置大小_第5张图片

2.2 调整图片大小和位置

2.2.1 HTML 语法
  • 固定图片大小显示:
"https://img-blog.csdnimg.cn/20200808205745205.png" width=256 height=256 />

可替换的网址: https://img-blog.csdnimg.cn/20200808205745205.png(可在原先URL中找到)
256*256 像素:width=256 height=256(height可缺省)

  • 固定图片比例显示:
"https://img-blog.csdn.net/20151129213701642" width="50%" height="50%" />

width和height后面的50%就是根据窗口的大小以一定的比例显示图片,height可设置缺省。

  • 图片靠左或靠右对齐
    • 靠左
      style="float:left;
<img src="https://img-blog.csdn.net/20151129213701642" style='float:left;width:300px; height:300px' />
  • 靠右
    style="float:right;
<img src="https://img-blog.csdn.net/20151129213701642" style='float:right;width:300px; height:300px' />
2.2.2 CSDN 语法

图片插入到编辑区后,在图片下方会生成一组编码,最后的内容的是t_70
CSDN 如何取消图片水印和调整图片位置大小_第6张图片

  • 设置图片居中/靠右/靠左的方式:

在t_70后面不输入空格,直接输入#pic_center或者pic_right,默认靠左。

t_70#pic_center)
  • 等比例设置图片大小:

在t_70后面输入一个空格,然后输入:

t_70 =300x300)

=300x : 等比例缩放,宽度为300像素
=x300 : 等比例缩放,高度为300像素
=300x300 : 控制高度和宽度, 第一项为宽度,第二项为高度

  • 调整图片大小和位置
t_70#pic_center =300x300)

参考:
去除CSDN上传的图片水印
MarkDown 图片大小问题
CSDN Markdown 图片居中 图片等比例缩放 图片指定长短缩放

你可能感兴趣的:(其他技巧)