CSDN博客调整图片大小、位置、格式去水印的方法

在CSDN写博客的过程中,插入图片,往往是这个样子的~
在这里插入图片描述
图片往往显示的特别大,查询得知CSDN竟然把调整图片大小这个功能取消了,并且至今没有恢复,实在不知为何哈哈

在此提供几个调整图片大小的方法:

方法一:

我们上传图片后,进入编辑模式会在图片下方看到CSDN返回来的一个URL在这里插入图片描述
在此URL的最后加上“空格 =400x400”,即可按喜好调整图片大小
在这里插入图片描述
得到图片
在这里插入图片描述

但此方法比例往往不好拿捏,图片就变形了

如果寻求简单快捷且不会让图片变形,可参考方法二。

方法二:

按比例调整图片大小

CSDN返回的图片代码

![在这里插入图片描述](https://img-blog.csdnimg.cn/20191120153157973.jpeg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pneHBfNjY2,size_16,color_FFFFFF,t_70)

若想按比例调整图片大小,且仍然带有水印,只需将图片链接提取出来,括号内的就是所需要的链接,即https://img-blog.csdnimg.cn/20191120153157973.jpeg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pneHBfNjY2,size_16,color_FFFFFF,t_70

将链接复制并代替下面这行代码中的“链接”这两个字。

<img src="链接" width="40%">

width="xx%"处填写想调整成的任意百分比,此时代码改为:

<img src="https://img-blog.csdnimg.cn/20191120153157973.jpeg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pneHBfNjY2,size_16,color_FFFFFF,t_70" width="40%">

即可得到缩放调整后的图片

方法三:

按比例调整图片大小,并去掉水印

CSDN返回的图片代码

![在这里插入图片描述](https://img-blog.csdnimg.cn/20191120153157973.jpeg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pneHBfNjY2,size_16,color_FFFFFF,t_70)

只需将上述代码改为:

 <img src="https://img-blog.csdnimg.cn/20191120153157973.jpeg" width="xx%">

width="xx%"处填写想调整成的百分比,即可得到缩放调整去水印后的图片

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值