Главная > Скрипты и коды > Автоматическое преобразование изображений в адаптивные при помощи Responsive Img (jQuery + PHP)

Автоматическое преобразование изображений в адаптивные при помощи Responsive Img (jQuery + PHP)


11 декабря 2012, 13:45. Разместил: Design FactoRy
Для того чтобы изображения у всех пользователей с различными устройствами вписывались в шаблон, нам нужно предоставить несколько размеров изображений.

Тем не менее, на создание изображений разных размеров может потребоваться много времени, и к тому же возникает вопрос, что делать, если в будущем понадобятся и друге размеры изображения?

Responsive Img представляет собой решение для всех – оно совмещает плагин jQuery и препроцессор изображений на PHP.

Автоматическое преобразование изображений в адаптивные при помощи Responsive Img (jQuery + PHP)

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

Изображения создаются только тогда, когда они запрашиваются в первый раз, и этот процесс не будет повторяться при последующих запросах, что положительно сказывается на производительности.

Также есть возможность выставить breakpoint’ы и габариты изображений для каждого breakpoint’а.

Требования: jQuery и PHP
Веб-сайт: http://responsiveimg.com/
Скачать: https://github.com/drewbrolik/Responsive-Img
Вернуться назад