Mud*_*Ali 2 ruby rack ruby-on-rails sinatra responsive-design
我想根据用户屏幕的大小向客户端发送图像,如果我有高分辨率图像,并且用户想要在移动设备上查看它我不想发送完整的高清图像,而是我想将缩小的图像发送到用户的设备维度,这将增加低带宽设备的加载速度
有一个解决方案在这里
自适应数字图像检测访问者的屏幕尺寸,并自动创建,高速缓存,并提供你的网页的嵌入式HTML images.It的设备进行适当的重新定标版本适用于采用自适应设计,并与液体结合使用图像技术.(来自给定的链接)
我看到这种为解决方案php和apache基于服务器的,是有其具有基于Ruby的服务器的Web应用程序的解决方案？一个gem可能是...谢谢
媒体查询仅适用于CSS背景图像.
顺便提一下,像解决方案这样的Adaptive-Images并不难实现.
他们只是动态地提供图像来代替Web服务器,缓存适应的图像以加快处理速度并避免浪费资源.
根据保存请求设备解析的cookie的值,调整图像大小和缓存.
说你在Rails中,请执行以下步骤:
将此javascript行附加到<head>布局中的部分:
<script>document.cookie='resolution='+Math.max(screen.width,screen.height)+'; path=/‘;</script>
添加AdaptiveImagesController一个动作adapt_and_serve.
让adapt_and_serve读取/缓存/适应和服务(使用远期的exipiration标头)对应于每个请求的文件.
添加规则以routes.rb捕获需要调整的图像请求,并将它们路由到AdaptiveImagesController#adapt_and_serve