2017-01-03 43 views
-1

我已经完成了我的媒体网页插件与wordpress中的媒体网格插件,但在画廊发布在页面后,缩略图图像有点模糊(但灯箱图像是好的),所以我想要它由CSS代码修复。 我附上了截图。 This my gallery page我的wordpress画廊页面图片模糊

+1

当您缩小它们或将它们扩大得太大时,图像会变得模糊。添加您的代码以获取更多帮助。 –

+0

请张贴一个清晰的截图显示什么是错误的随着你的CSS –

+0

嗨,我给这个链接的屏幕截图请检查http://prnt.sc/dqw8w7,我没有给这个画廊任何CSS风格,它是defieut设置的Medie网格插件 –

回答

1

浏览器在默认情况下适用的反走样缩放后的图像,使它们看起来更好。如果您想要撤消此行为,请使用css属性来撤消消除锯齿。

img { 
    image-rendering: pixelated; 
} 

这里有一个很好的解释了一篇文章:

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


一个更好的办法来解决这个(性能)是使用较低分辨率图像文件的缩略图,并且只在灯箱打开时才加载完整大小的图像。

+0

嗨感谢您的回复,我已经尝试过这段代码,但图像然后似乎是双线(图像渲染:像素化)的像素(但它清晰),并不支持在IE –

+0

你应该理想地使用一个单独的较小缩略图的图像,并在lightbox中加载完整大小的图像,如果你想让你的图像显示正常。 – dommmm

+0

这是个好主意,我会试一试。谢谢 –

1

它可能是调整大小操作(小图片延伸)。

这是不相关的CSS,但你可以通过这样的某物的functions.php设置你的缩略图大小:

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

嗨感谢重播,我已经在function.php中应用它,但它仍然是相同的 –

+0

@PSFRomesh它将适用于新的图像。我更喜欢你再次上传图片 – JustCauseWhat

+0

感谢回复@majid,我会试试看。感谢队友 –