Есть ли способ исправить значки Retina Blurry на мобильных телефонах без использования хака 2x sizing images?
Я Front-End разработчик, и дизайнер не может предоставить мне значки веб-сайта в двойном размере.
Итак, мне было интересно, есть ли способ сохранить исходный размер значков и заставить его правильно выглядеть на мобильных телефонах с дисплеем Retina.
Маленькие пиксельные изображения автоматически увеличиваются браузерами, а качество сглаживания зависит от механизма рендеринга браузера.
Если вы не хотите использовать трюк с медиа-запросами @2, вы можете вместо этого использовать значки svg, поскольку векторная графика кристально четкая при любом разрешении экрана и ppi.
Изменить: Как упоминалось в комментарии ниже, вы можете отключить сглаживание в браузерах, как описано здесь: Отключить сглаживание при масштабировании изображений
Но это не создаст, например, четкий круглый круг из 16-пиксельной графики, поскольку пиксели по-прежнему будут квадратными пикселями (просто увеличенными)...
