Инструменты для оптимизации сайта под Retina

в 22:57, , рубрики: Новости, метки:

В последнее время появляется все больше устройств с экранами, плотность пикселей которых очень высока: компания Apple выпустила MacBook с Retina, Google анонсировал Nexus 10 с разрешением 2560x1600 пикселей. Вместе с современными технологиями приходят новые проблемы для разработчиков сайтов. Например, на новых экранах растровые изображения смотрятся не очень хорошо, их необходимо оптимизировать под Retina. В этой подборке представлены некоторые инструменты, помогающие в этом.

 Retina.js, автор imulus

Определяет Retina-экран пользователя и отдает ему изображение в высоком разрешении.

Инструменты для оптимизации сайта под Retina

Picturefill (демо), автор Scott Jehl

Делает изображения адаптивными и независимыми от разрешения экрана.

Инструменты для оптимизации сайта под Retina

JPEGmini, автор Andy Clarke

На лету оптимизирует графику, уменьшая вес в несколько раз. PNGmini - аналог для .png-формата.

Инструменты для оптимизации сайта под Retina

Modernizr

Не нуждается в представлении — инструмент, умеющий определять возможности браузера пользователя, что помогает разработчику достичь кроссбраузерности.

Инструменты для оптимизации сайта под Retina

Sketch

Приложение для OS X, помогающее быстро подготавливать изображения для Retina-экранов.

Инструменты для оптимизации сайта под Retina

Slicy

Еще одно приложение для OS X, умеет нарезать .psd-шаблон с учетом требований Retina-экранов.

Инструменты для оптимизации сайта под Retina

TypeButter, автор David Hudson

JQuery-плагин, который оптимизирует кернинг шрифта, что позволяет тексту выглядеть более читабельно.

Инструменты для оптимизации сайта под Retina

X-Icon Editor

Веб-приложение для создания favicon высокого разрешения.

Инструменты для оптимизации сайта под Retina

Из статьи netmagazine.com

Автор: grokru

Источник

Поделиться