sorl-thumbnail调整大小并添加背景

Question

我正在使用sorl-thumbnail，我想将图像调整为200x200。让我们说图像将是160x200，因为它不是正方形。如何添加白色背景（或边框）以使生成的图像文件为200x200？ 这可以使用sorl-thumbnail，还是可以添加此功能？

最佳

雅克

Answer 1

我想这有点晚了，但您可以在保证金属性中找到答案：

简而言之：

{% thumbnail something.image "200x200" as image %}
    <img src="{{ image.url }}" style="padding:{{ image|margin:"200x200" }}" />
{% endthumbnail %}

...不要忘记设置

img { background-color: #fff; }

文档详情：http://thumbnail.sorl.net/template.html#margin

Answer 2

我对于将图像大小调整为200x200然后再调整为160x200的含义感到困惑。你是否只想根据它最长的一面按比例裁剪图像？如果是这样，你可以这样做：

{% thumbnail something.image "200x200" as image %}
    <img src="{{ image.url }}" alt="{{ something.name }}" />
{% endthumbnail %}

应该为您提供裁剪方面的行为。

您是否希望在图像上实际覆盖边框，还是通过CSS创建边框？

img {
    background-color: #fff;
    padding: 2px;
}

如果你真的想要改变图像本身，我相信你可以修改源代码（你可以fork on GitHub here）来做你需要的。

如果你想做水印等事情，我还可以推荐django-photologue作为替代方案......与sorl相比，我发现在进行全站点图像修改时非常好。