在适用于自适应云的网站中调整动态图像大小

我有一个可在移动设备上正常工作的响应式（RWD）网站。我的问题是，智能手机上的照片有点“沉重”，而在旧手机上照片太大。我知道有很多工具可以离线或在线（例如：http://www.resizeyourimage.com/）来调整图片大小，我知道我可以用GD和其他类似的东西（PHP在这里）滚动我自己的图片缩放器，但是我想知道这里的某个人是否知道一种可以自动调整图像大小的方法。例如通过某种类型的代理，如管道它们：在适用于自适应云的网站中调整动态图像大小

HTTP：// cloudservice/w_320/HTTP：//myserver/mypic.jpg” />

甲免费服务高度preferrable。

这样我就不必改造老照片也不需要提供相同的图片的多个版本。

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

来源

2014-06-16 programbyexception

你应该看看WURFL Image Tailor。非常符合您的描述。你通过代理参考图像是这样的：那么

<img src="//wit.wurfl.io/[full-url-to-your-image]">

代理将检测用户代理的屏幕尺寸，并相应地调整图像大小。此服务还需要一些参数，以便您明确设置屏幕尺寸的高度，宽度和百分比。

来源

2014-06-16 07:00:56 webcoder

这是非常好的。我已经使用了WURFL.js，但我没有注意到现在同一个站点现在提供了一个图像缩放器。 – programbyexception

有很多这样的服务，和类似的question has been asked before。

所有可靠的解决方案还需要一点点的客户端JavaScript。首页加载（大多数情况下）Cookies不起作用，如果您正在使用带有断点的RWD，则嗅探会提供无用的数据。除了slimmage（以及使用< noscript>标签的解决方案），大多数会下载每个图像的2个副本（或更糟，无法访问和搜索引擎优化要求）。

我赞成the DRY & CSS-friendly Slimmage.js作为其作者，但也有Picturefill为那些谁想要艺术指导支持（并愿意处理由此产生的标记复杂性）。两者都可以与任何RIAPI-compliant服务器端模块一起使用，例如ImageResizer（作者声明的声明也适用于此）。

如果您有权访问Windows（或linux/mono）服务器，consider self-hosting。

动态映像SaaS产品定期出现和失败，因此如果您的SaaS不符合RIAPI标准，则应制定备用计划以替换网址。如果您的HTML不是动态的或者不能进行后期处理，您将拥有...乐趣。

一些服务（免费或试用版）：

CDNConnect（基于ImageResizer兼容RIAPI第三pary服务）
BoxResizer（免费的，但运行时间不能保证）
Sqish
Resizor

一些非自由（和不符合要求的）服务

来源

2014-06-16 08:22:49

这个答案非常好。谢谢。我正在投票选择另一个，因为它的功能与广告一样，使用起来非常简单。 – programbyexception

一个图片大小的服务，您可以用的是https://gumlet.com。您可以使用任何图像源，并根据需要调整图像大小。

例如，获得300像素的图像宽度，你可以写

https://subdomain.gumlet.com/image.jpg?width=300

附：我在Gumlet工作。

来源

2017-09-19 04:54:11 adityap

在适用于自适应云的网站中调整动态图像大小

回答

相关问题