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. 我使用THUMBNAIL_HIGH_RESOLUTION = True设置easy_thumbnails

2. 我将cmsplugin_filer_image 用于我的图像。我通过将srcset 和Twitter bootstrap 的img-responsive 类添加到模板中的img 标记来覆盖其模板default.html。

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