Django, sorl thumbnail 如何为 AMP <amp-img src="{{}}...显示图像？答案

【问题标题】：How does Django, sorl thumbnail can display images for AMP <amp-img src="{{}}...?Django, sorl thumbnail 如何为 AMP <amp-img src="{{}}...显示图像？
【发布时间】：2019-09-07 11:33:37
【问题描述】：

我正在尝试在 amp 网站上显示缩略图。我把“img”改成“amp-img”，然后缩略图不显示了。

以下代码不起作用。

{% thumbnail item.image "100x100" crop="center" as im %}
    <amp-img src="{{ im.url }}" width="{{ im.width }}" height="{{ im.height }}"></amp-img>
{% endthumbnail %}

这行得通。

{% thumbnail item.image "100x100" crop="center" as im %}
    <img src="{{ im.url }}" width="{{ im.width }}" height="{{ im.height }}">
{% endthumbnail %}

但是 amp 不允许使用“img”。有没有办法将 sorl 缩略图用于 amp？

【问题讨论】：

标签： django sorl-thumbnail

【解决方案1】：

据我所知，这是行不通的，因为sorl-thumbnail 不支持amp-img 标签。

要使用amp-img 处理缩略图，我建议的最佳解决方案是使用srcset，使用srcset 将使您的浏览器能够获取适当的图像大小。你可以阅读更多关于srcset here

【讨论】：

我可以为所欲为。　非常感谢！！