Перезвонить вам

Оставьте свой номер телефона
и мы перезвоним в удобное для вас время.
Пуск — Обязательные поля
Запуск успешного WEB проекта

Поздравляем!

Запуск прошел успешно Нажи менеджеры свяжутся с Вами в ближайщие время
Перезвонить Вам?
8 (982) 30-777-88
03 Июнь 2014

Экраны Retina: отображение высококачественной графики на сайте

Экраны и дисплеи высокого разрешения, вроде Retina от Apple, способны отображать больше пикселей на заданном пространстве, а значит, при просмотре графики, изображений или текстов, пользователь не будет видеть «лесенки». Хотя впервые эта технология была представлена компанией Apple, сегодня практически все конкуренты переняли этот опыт и предлагают конкурентные устройства.



При использовании устройств с экранами Retina, вы заметите, что многие веб-сайты отображаются слегка мутно. Это из-за низкого разрешения картинок, которые растягиваются на необходимое количество пикселей, и поэтому выглядят не очень привлекательно. Проще говоря, экраны Retina увеличивают 1 пиксель до 2, то есть, удваивают его размер. Секрет разработки веб-сайта, адаптированного под экраны Retina, заключается в качестве использованных изображений. Картинки должны быть минимум в два раза больше размером чем для обычных устройств.


К примеру, если вы хотите отобразить изображение шириной в 400 пикселей, то исходный размер этой картинки должен быть 800 пикселей. В противном случае, если вы растянете картинку 400px в Photoshop, то увидите, что она становится мутной.