如何在 Wagtail 中上传清晰分辨率的图像？

Question

当我在 Wagtail 中上传分辨率为 96 dpi 的图像时，图像质量在 HP 上看起来非常粗糙。 对于这个问题你有什么解决方案吗？

该图片为SDG标志图片，从SDG官方网站下载。

Answer 1

DPI 在这里并不重要。请注意模板中图像的整体分辨率及其压缩率。

您应该使用

{% image %}

或

{% picture %}

模板标签在网站模板中实现图像，请参阅 文档。要使用原始文件，请将调整大小方法设置为“原始”：

{% image page.logo original %}

或者使用您选择的分辨率和压缩率（质量）创建再现：

{% image page.logo width-640 jpegquality-100 %}

DPI（每英寸点数）将取决于用户屏幕的尺寸和分辨率。使用

{% picture %}

标签定义具有针对不同屏幕（小、大、视网膜等）的多种呈现的响应式图像。