21ru.ru 21ru.ru
расширенный поиск по сайту
автолюбитель Чувашии
Навигация по сайту:
Раздел АВТОРЕМОНТ
События Факты

Изображения на дисплеях с высокой плотностью пиксел.

Автор:Saah | Перейти в раздел: Новые технологии


Изображения на дисплеях с высокой плотностью пиксел.

Представьте себе устройство, для реализации потенциала которого в полной мере требуются огромные изображения, но доступ к ним оно может получать через медленное 3G-соединение. Именно так произошло с iPad 3, выпущенным весной 2012 года. Данная модель iPad щеголяет экраном Retina с разрешением 2048х1536 — это колоссальные 3,1 млн. пиксел или около того. Вскоре после этого был выпущен компьютер MacBook Pro с дисплеем Retina с разрешением 2800х1800, и я уверен, что тенденция использования экранов с высокой плотностью пиксел только набирает обороты. Сейчас вряд ли кого удивишь ноутбуком с разрешением 3200x1800 пиксел (QHD).

Это нравится потребителям, потому что изображения получаются такие же четкие и точные, как при печати. Но новый монитор Retina временно сразил нас, веб-разработчиков, наповал. Обычные изображения на мониторах Retina выглядят нечеткими и несколько пикселизированными. Чтобы заставить изображение выглядеть четко, вам придется в два раза увеличить его размеры и позволить браузеру уменьшить их до запланированных макетом.

К сожалению, когда вы увеличиваете размеры веб-изображения в два раза, вы в конечном итоге получаете в четыре раза больше пиксел и увеличенный в четыре раза размер файла. А как мы знаем, в Интернете производительность решает все. Устройства с экранами с высокой плотностью пиксел могут лучше отображать изображения с высоким разрешением, но это не значит, что сети волшебным образом стали работать быстрее, чтобы их передавать.

Итак, что делать?
Честно говоря, мы все еще продумываем стратегии, помогающие справиться с неизбежным натиском устройств с высоким разрешением. Указание требований к сайтам при высоком разрешении станет еще одним аспектом работы веб-дизайнеров.

Ниже приведены несколько моментов, которые следует учитывать:
1. Удвоение размеров изображений заставляет их выглядеть четко при высоком разрешении.

2. Браузер Safari корпорации Apple, имеет ограничение на то, сколько мегабайт изображения в формате JPEG он может отображать на странице. Для файлов, размер которых более 2 мегапиксел (2,1 млн пиксел), он автоматически снижает разрешение изображения и четкость теряется. Чтобы обойти ограничение Safari для файлов JPEG, сохраните изображение в прогрессивном формате JPEG.

3. Необязательно, чтобы все изображения были огромного размера. Подумайте об увеличении в два раза только для наиболее важных изображений на странице. К ним может относиться одна картинка, задающая настроение, ваш логотип или фотографии товаров, где важны такие детали, как текстура ткани.

4. Допустимо использовать медиазапросы CSS, чтобы проверить, имеет ли устройство экран с высокой плотностью пиксел, и предоставить достаточно крупные изображения только в этом случае, не позволяя небольшим устройствам получать неоправданно крупные изображения. Вы также можете использовать javascript, чтобы заменить стандартное изображение увеличенным в два раза.

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



Свежие публикации: Достоинства газового оборудования для автомобиля.

 
Дата: 28-04-2016 | Автор: Saah | Просмотр: 881

Похожие публикации

Аппаратное обеспечение инструменты веб-разработчика. Аппаратное обеспечение инструменты веб-разработчика.
Для удобства при разработке веб-сайта я рекомендую следующее...

Советы по сканированию документа. Советы по сканированию документа.
Если вы сканируете изображения для использования на веб-страницах,...

Сохраните для себя
Последние новости
Двигатель
Оцените обслуживание клиентов в ГИБДД Чувашии по 5 бальной шкале




© Авто Чувашия © 2012 - 2017