代码之家 › 专栏 › 技术社区 › dnul

压缩和调整用户上载的图像大小

amazon-s3 image node.js angularjs javascript

dnul · 技术社区 · 10 年前

我正在建立一个有大量用户上传图片的网站(比如airbnb)

到目前为止,该网站会将您提交的任何图像上传到亚马逊s3,然后相应地显示。有时这些图像太重,会增加页面加载时间。

我希望将此图像调整到所需的分辨率,并在可能的情况下进行压缩(转换为jpeg),以提高加载时间并减少流量。

我发现这可以通过以下方式实现:

每种方法的好处是什么?哪个最常见?在每种情况下我应该考虑什么?

我的堆栈当前是node.js/nangular。我现在不打算使用CDN,因为项目处于开发阶段

提前感谢!

2 回复 | 直到 10 年前

Olatunde Garuba Bakabaka 10 年前

您需要安装imagemin并将其添加到繁重的任务中。这里有一个链接可供您使用 https://github.com/gruntjs/grunt-contrib-imagemin 祝你好运

dnul 10 年前

为了记录在案,我发现最简单的解决方案是加载用户在html5画布中选择的任何图像,并将其转换为jpeg,然后上载jpeg,在后端,我将使用节点imagemagik包调整其大小。

通过在前端转换为jpeg,您可以在不损失性能的同时最小化上载时间,并将输入格式标准化到后端服务。

推荐文章

Thirumal isireddy · 在导航栏顺风css中,img被扭曲,而不是将元素推到旁边

1 年前

McRui · Laravel storeAs()存储问题中的图像

1 年前

HTML · 如何使用css使任何SVG图像灰度化?

2 年前

GabyUnalaq · 从原始RGB深度图像到灰度的转换不正确

2 年前

AayushPokharel · 如何在css中处理图像的alpha层?

2 年前

MHSarmadi · 阻止显示未完全加载的图像

2 年前

softandwet · 反应img onError未点火

3 年前

Nilesh soni · 颤振图像已缩放,但如何更改缩放位置

3 年前

Adheed nihal · 如果在jquery中超过了文件限制,如何清除用户上传的图像

3 年前

imcoding · img src属性上的vuejs数据绑定出现404错误

3 年前