【综合类型第 3 篇】如何修改 CSDN 插入图片的大小和位置

这是【综合类型第 3 篇】，如果觉得有用的话，欢迎关注专栏。

在 Windows 上我截图然后直接复制到 CSDN 上，显示的是原图的大小，但是在 Mac 上，我截图复制到 CSDN 后图片异常的大，于此，我搜了下相关解决方案，总结下来有两种方式。

当你在 CSDN 中导入一张图片的时候，此时这张图片的分辨率是 960x540 。

会得到一串字符，该字符串只有在 CSDN 编辑的时候才会有，如下所示

红色箭头代表的是图片的 url，即 https://i-blog.csdnimg.cn/blog_migrate/6976140b01693c53bfdd84c8a9c09854.jpeg

方式一

1：1 修改图片的大小

复制上方字符串，删掉上图中红色箭头尾部所指 jpg 后面的所有内容，最后的右括号不要删。

在 jpg 后面加个空格，再写一个等号=，后面跟需要的图片尺寸，假如我们需要原图尺寸的一半，则在等号后面写上 480x270。

完整写法 ![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/6976140b01693c53bfdd84c8a9c09854.jpeg =480x270)

1：2 修改图片的位置

如果你想居中图片，则在 jpg 后面紧跟着写上 #pic_center即可

完整写法 ![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/6976140b01693c53bfdd84c8a9c09854.jpeg#pic_center =480x270)

图片的位置共有三种，#pic_left 代表图片居左，#pic_center 代表图片居中，#pic_right 代表图片居右。

方式二

使用嵌入 HTML 的方式，实现修改图片的大小和位置。为方便比较，这里引入一个新图片

图片的 url 为 https://i-blog.csdnimg.cn/blog_migrate/c77b2e755b3e25bc7764863e8ef1ffbf.jpeg

2：1 修改图片的大小

使用图片标签，完整写法

<img src=https://img-blog.csdnimg.cn/20210424184854611.jpeg width=50% />

效果图如下

2：2 修改图片的位置

在图像标签外部嵌入 HTML 代码，完整代码如下

<div align=center>
	<img src=https://img-blog.csdnimg.cn/20210424184854611.jpeg width=50% />
</div>

效果图如下

其中，align=left 代表图片居左，align=center 代表图片居中，align=right 代表图片居右

这两种方法任选其一都可。

你的问题得到解决了吗？欢迎在评论区留言。

赠人玫瑰，手有余香，如果觉得文章不错，希望可以给个一键三连，感谢。

---

结束语

技术是一点一点积累的，大神也不是一天就可以达到的。原地不动就是退步，所以每天进步一点点。

最后，附上一句格言："好学若饥，谦卑若愚"，望共勉。