adaptive-images的使用方法 php 服务器端 图片处理相关工具


对应网页需填写 

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8"> 

    <title>网页</title>

    <script>document.cookie='resolution='+Math.max(screen.width,screen.height)+'; path=/';</script>//重要

</head>

<body>

</body>

</html>


隐藏路由的文件里需要添加 


RewriteEngine On

RewriteCond %{REQUEST_FILENAME} !-f

RewriteCond %{REQUEST_FILENAME} !-d

RewriteRule ^(.*)$ index.php/$1 [L]


//注释部分重要代码

#<IfModule mod_rewrite.c>

#  Options +FollowSymlinks

#  RewriteEngine On

#

#  # Adaptive-Images -----------------------------------------------------------------------------------

#

#  # Add any directories you wish to omit from the Adaptive-Images process on a new line, as follows:

#  # RewriteCond %{REQUEST_URI} !some-directory

#  # RewriteCond %{REQUEST_URI} !another-directory

#

#  RewriteCond %{REQUEST_URI} !assets

#

#  # Send any GIF, JPG, or PNG request that IS NOT stored inside one of the above directories

#  # to adaptive-images.php so we can select appropriately sized versions

#  RewriteRule \.(?:jpe?g|gif|png)$ adaptive-images.php

#

#  # END Adaptive-Images -------------------------------------------------------------------------------

#</IfModule>



这样配置下, 手机掉用网页的时候服务器就会根据手机的分辨率输出对应的图片, 客户端省流量


附带有对比图片, firefox  数据





  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值