Адаптивные изображения без шаманства

Все, кто сталкивался с задачей сделать адаптивную графику, знает, что решений уже масса, но никакого единогласно принятого не существует. Зачастую выбор и применение решения для адаптивных изображений становятся головной болью фронтенд-разработчиков. Им приходится заменять src картинок, подгружать однопиксельные изображения и лепить прочие костыли. Нас это не устроило и мы решили сделать свой мотороллер. На типичных сайтах изображения могут появляться тремя способами.Быть элементами дизайна сайта (бекграунды, кнопки и т.д.). Загружаться через специальные модули (например, изображения в фотоальбом). Вставляться через WYSIWYG-редактор CMS (например, в текст статьи). 5747c5a9178dec441afc08e0d9dd6944.jpg Мы захотели получить такое решение, которое было бы некой «надстройкой» над сайтом. Чтобы можно было не лезть в код CMS, через которую загружаются изображения на сайт, а также не готовить адаптивные картинки вручную. Сначала на помощь приходит реализация Adaptive Images…Но что происходит потом?

© Habrahabr.ru