CSDN博客调整图片大小

1.前言

在编写博客上传图片的时候，由于不清楚如何在CSDN博客中缩放图片，常常要百度查询缩放的方法，但是百度出来的内容往往介绍不清晰，故自己动手整合内容，方便日后使用。

2.图片对齐方式（左中右）

上面的图片是CSDN博客上传图片时默认选择的居中放置。

除了在一开始选择图片左对齐或者居中放置又或者右对齐外，还可以在上传图片之后重新调整位置。

在上传了图片之后，图片下方会出现一系列关于图片的参数。图中红框所框的内容即为居中放置。

想要将图片更改为左对齐或者右对齐，则将红框部分更改为

#pic_left	

或者

#pic_right	

效果如下图所示。（注意，插入图片选择左对齐时，是没有 #pic_left 在后面的，即可以通过删除 #pic_left 使得图片左对齐）

3.调整图片大小

3.1 调整图片大小比例

同样是开头的同一张图片，我们发现这两张图片大小比例并不相同，是怎样做到的呢？

通过此图片我们可以看到，在居中放置的参数后面，空了一个空格之后，添加了参数 =50%x ，这项参数的意思是将图片按照原图的50%进行缩放显示。我们可以通过调整该数字的大小，来控制图片的缩放。

3.2 自定义大小进行缩放

如上图，这是通过控制了图片大小进行的图片缩放。

如图所示，其中200是横向数值，300为纵向数值。