django cms 和响应式图像

Question

我正在使用 django 和 django-cms 构建一个响应式网站。到目前为止一切都很好。现在我需要指定响应式图像并将其传递到不同的设备。您自己如何解决这个问题？

网站作者是否有可能在后端上传不同尺寸(如小、中、大)的图片以与 srcset 一起使用(也许与 django-cascade )或者是否有针对 django 和 django 的自动化解决方案-cms 就像 php-project adaptive images .

我找到了 django-daguerre 但我不确定如何用 django-cms 实现它。还有django-responsive-images 1.0.2 包。

所以我想问一下您的项目如何解决这个问题。

Answer 1

这是我在 djangocms 中对响应式(和视网膜)图像所做的操作。

1. 我使用 easy_thumbnails 的 THUMBNAIL_HIGH_RESOLUTION = True 设置

2. 我使用cmsplugin_filer_image对于我的图像。我覆盖它的模板 default.html通过添加 srcset和 Twitter Bootstrap 的 img-responsive类到模板中的 img 标记。

您当然也可以使用基金会的 interchange , retina.js或您自己的 css/js 解决方案来获取相应分辨率所需的图片。