调整图片大小
当我们写博客的时候,会经常插入一些图片,但有时候我们会插入一些像素比较小的图片,比如表情包。
一般情况下,插入的图片都是默认格式,像素小的图片放大时有时会失真,看起来很模糊,影响整体排版,
比如我们按平常的方式插入表情包,就变成了下面这个样子,看起来很不舒服
这时候就会去想着改变图片大小
我们上传到博客的图片,图片底部都会有一个链接,而我们需要的,就是这一段url
我们可以通过改变图片的宽度,从而达到改变图片的大小的目的。
图片链接里面加上宽度百分比
<img src="https://img-blog.csdnimg.cn/20190530003848720.jpeg" width="10%">
看一下效果
![](https://img-blog.csdnimg.cn/20190530003848720.jpeg)
是不是
![](https://img-blog.csdnimg.cn/20190530004720182.jpeg)
调整图片位置
在图片左边加上 <left>
、 <center>
还可以让图片居左、居中
不过这种引入图片链接的方式,不能修改图片大小,也不能居右
居左:
<left><img src="https://img-blog.csdnimg.cn/2019061713511395.jpeg" >
居中:
<center><img src="https://img-blog.csdnimg.cn/2019061713511395.jpeg">
![](https://img-blog.csdnimg.cn/2019061713511395.jpeg)
如果在不需要修改图片大小的情况下,将图片居左、居中或居右,可在尾部加上 #pic_left
、 #pic_center
或 #pic_right
例如居中:
图片增加题注
在图片下方增加这行代码
<center><b><font size ='3'>图1. 这是图1的题注</font></b></center></font>
效果如下图所示
![](https://img-blog.csdnimg.cn/20190617135002810.jpeg)