上传到wordpress图片,前端展现时变模糊了?

我们在使用Wordpress时,经常会遇到一个问题:上传一张清晰的照片到Wordpress媒体库,然后从媒体库调出一张照片放在页面上,发现页面上显示的清晰度和我们上传时的清晰度不一样,图片变模糊了。

例如:

我上传到媒体库的照片清晰度是图一

图一

但是在页面上显示的清晰度是图二(模糊)

图二

解决方法:

为什么会出现上传后的图像,再次添加到页面后变模糊???原因是Wordpress媒体库在前端显示的时候,会自动进行裁剪。(wordpress一个缩略图机制,没具体研究)

这是上面两张图显示的源码:第一个红框是我上传图片后,修改的;第二个红框是上传后的默认状态,是不是发现这张图名称后面多了一个后缀“-1024*339”?这是Wordpress自动对你上传的图片“300wuser.png”进行缩放后显示的一张图。

所以解决方法您是否已经知道?当您编辑一篇文章,发现文章上面的图片变得模糊,你就从编辑器的可视化转到代码模式,然后手动把Wordpress自动缩放的图片链接改成原先的图片就可以!

备注:这篇文章可能会引起很多误会,所以强调几点:1、一般在上传大图时,wordpress可能会对其缩放再显示;2、你原本的图片要清晰;3、有可能你的图片被网页样式设置成大比例的图片,这个要检查你本身的网页代码;等等

滚动至顶部