2015-05-25 3 views
3

Я создаю отзывчивый веб-сайт с django и django-cms. Пока все в порядке. Теперь я нахожусь в том, что мне нужно указать и доставить отзывчивые изображения на разные устройства. Как вы решаете эту проблему для себя?django cms и отзывчивые изображения

Есть ли возможность для автора сайта загружать в бэкэнд картинку разных размеров (например, маленькую, среднюю, большую) для использования с srcset (возможно, с django-cascade) Или существуют автоматические решения для django и django- cms, как php-проект adaptive images.

Я нашел django-daguerre, но я не уверен, как это можно реализовать с помощью django-cms. Существует также пакет django-responsive-images 1.0.2.

Поэтому я хочу спросить вас, как вы решаете эту проблему для своих проектов.

+1

Я бы предложил вам взглянуть на VersatileImageField; https://github.com/WGBH/django-versatileimagefield Я еще не использовал его, но наткнулся на него на прошлой неделе. Похоже, вы можете указать точку на изображении, которая является фокусом, а затем решить, какой размер чтобы отобразить его в ваших шаблонах. –

ответ

1

Вот что я делаю для чувствительных (и сетчатки) изображений в djangocms.

  1. Я использую THUMBNAIL_HIGH_RESOLUTION = True установку easy_thumbnails

  2. Я использую cmsplugin_filer_image для моих изображений. Я переписываю его шаблон default.html, добавляя srcset и класс Twitter bootstrap img-responsive в теги img в шаблоне.

Можно, конечно, использовать ФОНДА interchange, retina.js или ваше собственное решение CSS/JS, чтобы захватить нужные снимки для соответствующих резолюций.