响应式云网站中的动态图像大小调整

pro*_*ion 1 cloud image dynamic imageresizer

我有一个响应(RWD)网站,可以在移动设备上正常工作.我的问题是,智能手机上的图片有点"沉重",而旧款手机上的图片则毫无用处.我知道有大量的工具可以离线或在线(例如:http://www.resizeyourimage.com/)来调整图片大小,我知道我可以用GD等推送我自己的图像缩放器(PHP这里),但是我想知道这里是否有人知道如何自动调整图像大小.例如,通过某种代理来管理它们,例如:

http:// cloudservice/w_320/http://myserver/mypic.jpg"/>

免费服务非常优惠.

这样我就不必翻新旧图片,也不必提供相同图片的多个版本.

我希望我的问题有道理......

Lil*_*ver 7

有许多这样的服务,之前已经提出过类似的问题.

所有可靠的解决方案还需要一小部分客户端javascript.Cookie不适用于第一页加载(大多数加载),如果您使用断点进行RWD,则嗅探会提供无用的数据.除了slimmage(和<noscript>标签的解决方案),大多数将下载每个图像的2个副本(或更糟糕的是,失败的可访问性和SEO要求).

作为作者,我赞成DRY和CSS友好的Slimmage.js,但对于那些想要艺术指导支持(并且愿意处理由此产生的标记复杂性)的人来说,还有Picturefill.两者都可以与任何符合RIAPI标准的服务器端模块一起使用,例如ImageResizer(作者身份免责声明也适用于此).

如果您可以访问Windows(或Linux/mono)服务器,请考虑自托管.

动态映像SaaS产品会定期出现和失败,因此如果您的SaaS不符合RIAPI,则需要制定备份计划来替换URL.如果您的HTML不是动态的或无法进行后期处理,那么您将拥有......乐趣.


一些服务(免费或测试版):

一些非免费(和不合规)的服务