【问题标题】:Dynamic image resizing in the Cloud for Responsive website在 Cloud for Responsive 网站中动态调整图像大小
【发布时间】:2014-06-16 01:20:27
【问题描述】:

我有一个可在移动设备上正常运行的响应式 (RWD) 网站。我的问题是,智能手机上的图片有点“重”,而在旧手机上却毫无用处。 我知道有很多离线或在线工具(例如:http://www.resizeyourimage.com/)来调整图片大小,我知道我可以使用 GD 等(此处为 PHP)滚动我自己的图像调整器,但我想知道这里是否有人知道一种让图像自动调整大小的方法。 例如,通过某种代理来传递它们,例如:

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

非常受欢迎的免费服务。

这样我就不必改造旧图片,也不必提供同一张图片的多个版本。

我希望我的问题有意义...

【问题讨论】:

    标签: image dynamic cloud imageresizer


    【解决方案1】:

    这样的服务有很多,还有一个类似的question has been asked before

    所有可靠的解决方案还需要一点点客户端 JavaScript。 Cookie 在第一个页面加载时不起作用(其中大部分是),如果您使用断点进行 RWD,则嗅探会提供无用的数据。除了 slimmage(和带有

    【讨论】:

    • 这个答案很好。谢谢你。我投票给另一个是因为它像宣传的那样工作并且使用起来非常简单。
    【解决方案2】:

    您应该查看WURFL Image Tailor。 就像你描述的那样工作。您通过这样的代理引用图像:

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

    然后代理会检测用户代理的屏幕大小并相应地调整图像大小。该服务还接受一些参数,允许您显式设置高度、宽度和屏幕大小的百分比。

    【讨论】:

    • 这很好。我已经使用过 WURFL.js,但直到今天我才注意到同一个网站现在提供图像调整器。
    【解决方案3】:

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

    例如,要获得 300 px 的图像宽度,可以这样写

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

    附:我在 Gumlet 工作。

    【讨论】:

      猜你喜欢
      • 2013-04-26
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2021-10-12
      • 2011-06-05
      • 1970-01-01
      相关资源
      最近更新 更多