我的wordpress画廊页面图像模糊

时间:2017-01-03 06:29:20

标签: html css wordpress plugins blurry

我在wordpress中使用Media网格插件完成了我的图库页面,但是在页面中发布了图库之后,缩略图图像有点模糊(但是灯箱图片还可以),所以我想通过CSS代码修复它。 我附加了屏幕截图。 Incorrect .entitlements file

2 个答案:

答案 0 :(得分:0)

可能是用于调整大小的动作(拉伸的小图片)。

它与CSS无关,但您可以在functions.php中设置缩略图大小......

add_image_size( 'category-thumb', 300, 9999 );

答案 1 :(得分:0)

默认情况下,浏览器会对已调整大小的图像应用消除锯齿功能,以使其看起来更好。如果您希望撤消此行为,请使用image-rendering css属性撤消抗锯齿。

img {
  image-rendering: pixelated;
}

这是一篇有很好解释的文章:

https://css-tricks.com/almanac/properties/i/image-rendering/

解决此问题(性能)的更好方法是为缩略图使用较低分辨率的图像文件,并仅在打开灯箱时加载完整尺寸的图像。