上传前可选的图片优化

延续之前的讨论:上传前优化图片?

这是一个关于在客户端上传流程之前,按需进行图像压缩、调整大小和优化的 RFC。我们将通过主题组件对此进行实验。如果证明有效,我们将考虑在 2.8 版本的核心功能中添加此特性。

用户界面

用户可以在上传弹窗中通过一个简单的复选框来控制客户端优化。

压缩技术

起初,我们将尝试优化 JPEG 格式,因为这是用户智能手机中最常见的上传格式。

我们的组件会在用户上传图片超过最大配置尺寸时对其进行重新调整大小,并使用 MozJPEG 重新编码。

在我的测试中,这在中等配置的安卓手机上耗时不到 10 秒,并将典型照片压缩至原始大小的 30% 以下。

结果

原始图片

优化后

调整至 50% + 优化后

22 个赞

我不确定这是否应该作为一个最终用户选项,尤其是考虑到他们可能只是进行复制粘贴操作。相反,我认为这更像是一个站点管理员层面的设置。

上传图片前应将图片优化到什么程度:“不优化|稍微优化|大量优化”…

名称/值及默认值待定。

结果看起来非常出色!此外,结合其他功能……也许我们可以针对某些情况将其设置为 100% 自动处理?您只需将论坛中图片的“最大”尺寸设置为 2000KB,我们就会通过启发式规则自动介入,确保处理妥当。

16 个赞

在多张图片上传的情况下,这里添加一个进度指示器会非常有帮助,让用户知道系统正在处理。

是的,请这样做。如果交由用户自行决定,使用频率会很低,而且不太熟悉技术的用户可能无法理解其用途。

5 个赞

我喜欢的一个工具,支持 75 种快速压缩:https://squoosh.app/

1 个赞

将其设为管理员选项会很有用,开启后,任何超出站点尺寸/大小设置的内容都会自动压缩。对于图片密集型站点,并不需要一直开启此功能,而是为了覆盖那些不太懂技术的用户无需手动调整大小的使用场景。

3 个赞

此功能即将就绪,我们很快就能进行测试:

8 个赞

请查看 Testing composer image optimization

2 个赞