django cms 和响应式图像

Posted 2023-02-16

【中文标题】django cms 和响应式图像

【英文标题】：django cms and responsive images

【发布时间】：2015-05-25 09:19:28

【问题描述】：

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

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

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

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

【问题讨论】：

我建议你看看 VersatileImageField; github.com/WGBH/django-versatileimagefield 我还没有使用它，但上周遇到了它，看起来你可以在图像上指定一个点作为焦点，然后决定在模板中显示它的大小。

【参考方案1】：

这是我在 djangocms 中为响应式（和视网膜）图像所做的工作。

我使用THUMBNAIL_HIGH_RESOLUTION = True设置easy_thumbnails

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

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