如何将高清图像缩小为标清图像？答案

【问题标题】：How to scale down a HD image to SD images?如何将高清图像缩小为标清图像？
【发布时间】：2015-02-01 17:24:52
【问题描述】：

我是这里的新手。我搜索了一下，但找不到任何解决方案。

我有一张大图（高清图），我会要求用户上传。

我想在手机/平板电脑/台式机上显示图像。

问题：

鉴于高清图像，我如何将图像缩小到 480p（移动）或 720p（平板电脑）或 1080p（桌面）。

如何缩小图片尺寸？

服务器端也很好。任何可用的 java 开源库都会有帮助！

谢谢，

【问题讨论】：

【解决方案1】：

JavaScript 本身无法为您压缩文件，因此您提供的图像的大小和分辨率将始终是源分辨率。

我实际上刚刚遇到过这个问题，解决方案是使用 PHP 等服务器端语言为您完成此操作。如果你有兴趣我用Image Intervention

【讨论】：

【解决方案2】：

max-width:100%; height:auto; 
example: <img src="..." style="max-width:100%; height:auto;" >

我通常会创建这样的 css 类来缩放具有不同屏幕尺寸和设备的图像。您还可以使用“宽度”来填充整个内容块。也就是说，如果您想在不更改/调整图像文件本身的情况下执行此操作。

【讨论】：