Почему увеличение размера изображения в IE9 вызывает искажение изображения?

Question

Я собираюсь разработать серию вкладок с размером 11 x 11 пикселей для значка закрытия.

В IE9, если я увеличил его до 95%, я увидел искажение изображения "X". Я выполнил тест отображения нескольких одинаковых значков и увеличил его, он отлично работает в Chrome и Firefox, но не в IE.

Я думаю, что есть какое-то отношение к пользовательскому масштабированию, потому что в Chrome и Firefox вы можете увеличивать его только на 10% каждый раз.

Пожалуйста, поправьте меня, если я ошибаюсь.

Answer 1

Почему вы ожидаете, что изображение размером 11px x 11px будет выглядеть хорошо при размере 95%?Если вы хотите, чтобы он был меньше, создайте версию 10px x 10px.

Answer 2

IE использует совершенно другой движок рендеринга по сравнению с другими браузерами.

Внутри, когда происходит масштабирование, он перерисовывает область браузера с примененным масштабированием.Некоторые браузеры используют антоалиасинг и другие методы для удаления или уменьшения артефактов.

К сожалению, это не то, что вы не можете контролировать.

Answer 3

Подтверждено ^^

Я не думаю, что вы можете решить это. Вы не можете контролировать, как Internet Explorer изменяет размеры изображений во время изменения масштаба. Поскольку это проблема, связанная с одним / двумя пикселями, она заметна только тогда, когда изображение очень маленькое. Internet Explorer явно рассчитывает высоту и ширину по-разному.