CSDN博文中如何修改插入的图片大小

CSDN博文中如何修改插入的图片大小

为了博客文章的版面美观,图片太大不光占版面影响美观和翻阅效果,如果文章较长还会让很多文字性的描述较难查看到而影响阅读。
因此,需要调节插入图片的大小来适应页面,以达到正常习惯的阅读要求。经过跟CSDN官方客服咨询和了解,修改方法如下:
方法一:
先上图,以下为官方回复的内容:(忽略危险的感叹号图标,其实网页点进去是CSDN的图标)
在这里插入图片描述意思就是说只要你在后面的#pin_center加上分辨率的大小就可以自行调节了。
例如,一般在CSDN插入的图片下面会有一个包含图片地址网页代码,在代码处修改:
在这里插入图片描述将红框处的内容改为#pic_center =130x130,就是将图片修改为130*130大小的图片。
当然啦!需要修改正确,比如,预览区这样就会出现如下的内容:

在这里插入图片描述
可以看到在左边的编辑区是可以看到图片缩放的,但是在预览区看到的却是一行图片的代码,显然,这不是我们想要的。那为什么会造成这种现象呢?原因在于`#pic_center =130x130 这里的pic_center后面有一个空格,如果不加空格的话就会造成上述现象,还有此处的“x”它不是xyz的x,这是一个乘号,我也搞不懂为什么不使用“*”作为乘号。另外,#pic_center =130x130后面不要留有空格,紧跟后面的半边括号,不然也可能会出错。为了正确性,可以将我博客的这行代码进行复制,然后在上面进行数字上的更改!

#pic_center =130x130

方法二
可进行网页的修改,将图片下方小括号的内容用尖括号表示,只需要图片网页的信息,其他信息删去,再加上width的比例,具体修改内容如下:
在这里插入图片描述

该方法是html格式的修改法,width后面的百分数是缩放的比例。这个方法可以有效的对图片进行同比例缩放,减少图片的失真。但有一个弊端是在编辑区看不到图片的内容,右侧的预览区才可以看到图片的内容和修改后的大小。

总结
无论哪种方法都没办法像Word那样方便对图片操作图片,所以还得适应这个Markdown编辑器,目前CSDN还没有办法支持Word上传文档的功能,所以我在Word上写好的教程和文章也只能小心翼翼地誊写到CSDN来。

写在最后:
感谢CSDN的客服,及时给我回复,给我解答,让我弄了大半天的的事情,告诉我方法之后较为快速地使用上。希望看到该博客的同学对你们的问题有所帮助,最后,明天就是中秋和国庆,祝福大家双节快乐,过得开心!

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值