Изображения и значки становятся пикселями при загрузке галереи

Question

У меня есть ползунок контента (все-в-одном-баннер) на главной странице моего сайта. Каждый раз, когда этот баннер переходит на следующее изображение в очереди, другие изображения (формат png) на моей странице становятся пиксельными. Особенно это происходит в Chrome.

Изображения и значки, такие как логотипы, значки, используемые для навигации и т. Д. ... - они становятся неровными, когда новый слайд изменяется на баннере.

Пожалуйста, помогите мне.

Демо ссылка (Открыть в хроме): Когда слайды в изменении баннера, Посмотрите на логотип на верхней и логотипами справа, а также фотографии профиля ниже ,: indiaemerge.com/ieys2013

Answer 1

Решение, которое я смог выяснить, заключается в том, что НЕ следует использовать изображение с большими размерами. Например: Я пытался использовать изображение размером 800px X 400px, чтобы поместить его в разделение 200px X 50px. Из-за этого изображение искажалось, когда слайды менялись.

Я уменьшил размеры и разрешение изображения в соответствии с размерами целевого подразделения, и это сработало. Другой способ исправить это - использовать файл изображения svg.

Таким образом, урок, который будет изучен здесь, заключается в том, что всегда старайтесь использовать изображение (в случае, если оно является png или jpg), размер которого соответствует вашему требованию как можно точнее. Если это файл изображения svg, тогда проблем не будет.