我们在使用Wordpress时,经常会遇到一个问题:上传一张清晰的照片到Wordpress媒体库,然后从媒体库调出一张照片放在页面上,发现页面上显示的清晰度和我们上传时的清晰度不一样,图片变模糊了。
例如:
我上传到媒体库的照片清晰度是图一
![](https://www.louishe.com/wp-content/uploads/2019/05/300wuser.png)
但是在页面上显示的清晰度是图二(模糊)
![](https://www.louishe.com/wp-content/uploads/2019/05/300wuser-1024x339.png)
解决方法:
为什么会出现上传后的图像,再次添加到页面后变模糊???原因是Wordpress媒体库在前端显示的时候,会自动进行裁剪。(wordpress一个缩略图机制,没具体研究)
这是上面两张图显示的源码:第一个红框是我上传图片后,修改的;第二个红框是上传后的默认状态,是不是发现这张图名称后面多了一个后缀“-1024*339”?这是Wordpress自动对你上传的图片“300wuser.png”进行缩放后显示的一张图。
![](https://www.louishe.com/wp-content/uploads/2019/05/odoo-123.png)
所以解决方法您是否已经知道?当您编辑一篇文章,发现文章上面的图片变得模糊,你就从编辑器的可视化转到代码模式,然后手动把Wordpress自动缩放的图片链接改成原先的图片就可以!
备注:这篇文章可能会引起很多误会,所以强调几点:1、一般在上传大图时,wordpress可能会对其缩放再显示;2、你原本的图片要清晰;3、有可能你的图片被网页样式设置成大比例的图片,这个要检查你本身的网页代码;等等