2015-12-04 41 views
-2

比方说,我有一个图像的URL(例如:http://theartmad.com/wp-content/uploads/2015/04/Smile-3.jpg),我需要在我的网页上显示它,但我不需要它的原始大尺寸,比如说我只需要100px宽度图像。在CSS中设置最大宽度:100像素并没有帮助,因为我们仍然加载222KB,整个原始图像大小,是否有可能在我的页面上显示此图像压缩为100像素宽度大小而无需服务器压缩,仅在浏览器上显示? 如果我需要显示许多图像,像20一样,做它快速或太慢?JavaScript:如何显示压缩图像

是否有一些员工可以阅读以更好地理解它?

+1

您似乎在谈论[响应图片](http://alistapart.com/article/responsive-images-in-practice),这是一个仍在以多种不同方式解决的问题。 – Blazemonger

+0

你想避免下载整个222kb或你需要100px“缩略图”。第一个是不可能的客户端,而后者是另一端。 – deamentiaemundi

+0

我想避免在窗口的Paint程序中加载巨大的图像到页面,如果我调整图像大小并保存它,它的大小也会变小。 – Pumych

回答

0

并非没有某种代理来承载压缩映像。总之,如果不下拉需要压缩的原始文件,就无法进行客户端压缩。

+0

https://github.com/brunobar79/JIC这看起来像在前面压缩没有? – Pumych

+0

所以你说的**上传**客户端到服务器的大图片?如果是这种情况,你可能会考虑澄清你的问题。 – deamentiaemundi