我在渲染大文件大小的图像时遇到了问题.当我上传了很多大文件大小的图片并展示它们时,它变得非常滞后.
我的问题是:
最理想的方式是后端应该提供一个非常小的图片文件大小的url? 或者前端可以使用Canvas API来做到这一点?
你能给我解释一下吗?谢谢
我在渲染大文件大小的图像时遇到了问题.当我上传了很多大文件大小的图片并展示它们时,它变得非常滞后.
我的问题是:
最理想的方式是后端应该提供一个非常小的图片文件大小的url? 或者前端可以使用Canvas API来做到这一点?
你能给我解释一下吗?谢谢
如果你有一堆缩略图要显示,这些缩略图的源图像绝对不应该是原始的全尺寸图像.如果这些图像很大,则无论您在客户端渲染how个图像,客户端都需要很长时间来下载它们.
在确定要向客户端显示的图像时,服务器上应该有两个版本:
这可能是全尺寸版本should not必须是原始图像.例如,如果原始图像是20MB(是的,它们可以存在),您不会想要给客户端带来负担.因此,您可能希望在服务器上同时针对缩略图版本和"完整"版本执行大小调整和优化--这足以保证在客户端try 放大和完全加载全尺寸图像之间没有太多延迟.