我是新手。我已经搜索了一点,但找不到任何解决方案。
我有一个大图像(高清图像),我会要求用户上传。
我想在手机/平板电脑/桌面上显示图片。
问题:
鉴于高清图像,如何将图像缩小到480p(移动)或720p(平板电脑)或1080p(桌面)。
如何缩小图像尺寸?
服务器端也很好。任何可用的Java开源库都会有所帮助!
谢谢,
[R
答案 0 :(得分:0)
max-width:100%; height:auto;
example: <img src="..." style="max-width:100%; height:auto;" >
我通常会创建这样的css类来缩放具有不同屏幕尺寸和设备的图像。你也可以使用&#34; width&#34;填写整个内容块。也就是说,如果你想在不改变/调整图像文件本身的情况下这样做。
答案 1 :(得分:0)
JavaScript本身无法为您压缩文件,因此您所服务的图像的大小和分辨率始终是源解析。
我实际上刚刚遇到过这个问题,解决方法是使用服务器端语言(如PHP)为您执行此操作。如果您有兴趣,我使用了Image Intervention