Браузеры Safari 6 и Chrome 21 могут использовать альтернативные изображения для дисплеев с высокой плотностью пикселей
В проект WebKit не так давно была добавлена экспериментальная поддержка спецификации стилей для изображений эталона CSS 4. Эта спецификация разработана с целью обеспечить возможность разработчикам сайтов использовать изображения с высочайшим разрешением и, тем, воплотить некие достоинства, доступные обладателям устройств Apple с экраном Retina display.
В браузерах Safari 6 и Chrome 21 уже реализована такая поддержка. Она позволяет при написании кода сайтов использовать новые правила и создавать, примерно, последующие конструкции:
#selector {
background-image: url(no-image-set.png);
background-image: -webkit-image-set(url(myimage.jpg) 1x, url(myimage-hires.jpg) 2x);
/* other prefixes for -moz, -o and -ms go here */
background-image: image-set(url(myimage.jpg) 1x, url(myimage-hires.jpg) 2x);
}
В этом случае проводится оценка плотности размещение пикселей на экране компьютерного устройства юзера, которым в реальный момент осуществляется просмотр сайта. В случае, если плотность пикселей соответствует 1x, браузер будет показывать юзеру стандартное изображение myimage.jpg. Если же плотность пикселей составляет 2x, то браузер будет использовать для демонстрации изображение myimage-hires.jpg с более высочайшим разрешением.
При всем этом отмечается, что таковой метод вызова изображений имеет некие достоинства перед внедрением медиа запросов, хотя они и позволяют получить таковой же эффект. Но предлагаемый метод не содержит жестких требований по отношению к браузеру использовать определенное изображение, а только предлагает опциональную возможность выбора. Таким макаром, если браузер будет довольно «умным», он сумеет без помощи других найти, что даже при высочайшей плотности пикселей экрана, но низкой скорости сетевого соединения, лучше использовать изображение с низким разрешением, которое занимает меньше дискового места и резвее загружается.
Дополнительно необходимо подчеркнуть, что невзирая на реализованную поддержку спецификации стилей для изображений в браузерах Safari 6 и Chrome 21, она еще не является официальным эталоном в рамках спецификации CSS 4, а носит только подготовительный нрав и еще может быть изменена. Информация о сроках ее утверждения в качестве официального эталона пока не сообщается.
Компания Qualcomm продолжает улучшать свою технологию производства мониторов Mirasol и во время проведения мероприятия SID Display Week показала ...
Компания Ignis сказала, что ей удалось создать новейшую технику производства AMOLED мониторов, которая может использовать обычные технологии ...
В последних билдах Chrome и Chromium находится функция Background Apps. Гугл не информировала юзеров о том, что эта возможность дает и как может быть ...
Последние модели планшетов и ноутбуков компании Apple оснащаются мониторами с высочайшим разрешением - Retina. Как докладывает ресурс Weiphone, в ...
Компания Flex Lighting разработала пленку с одноименным заглавием, которая может употребляться для подсветки в устройствах для чтения электрических ...