B/S結構應用程序無法獲取客戶端的分辨率等信息，我們將採用Javascript取出參數，然後告知伺服器端。

僅舉一個例子

			
<script type="text/javascript">
$(function(){
    var width=window.screen.height;
    var height=window.screen.width;
    $.post('http://www.example.com/screen/resize.html',{w:width,h:height});
});
</script>
			
			

HTML頁面中的圖片的引用路徑

			
<img src="http://img.example.com/sample.jpg" />		
			
			

圖片伺服器rewrite處理

			
http://img.example.com/sample.jpg => http://img.example.com/index.php/sample.jpg		
			
			

index.php會首先載入sample.jpg檔案，然後綜合網速，頻寬，分辨率等因素，重新壓縮圖片，修改尺寸，發送mime頭，輸出正文。

為了防止圖片地址衝突，我們首先需要URL唯一化，這樣每訪問一次會生成一張符合你需求尺寸的圖片。

http://img.example.com/sample_(width)x(height)_(quality).jpg

			
<img src="http://img.example.com/sample_1980x1080_100.jpg" />	
<img src="http://img.example.com/sample_800x600_80.jpg" />
<img src="http://img.example.com/sample_640x480_50.jpg" />
			
			

配置nginx通過try_files配置項可以實現檢查靜態檔案是否存在，如果不存在邊調用index.php生成圖片，當再次訪問時會直接讀取靜態檔案，不會再重新生成。

server {
    listen       80;
    server_name  inf.example.com;

    charset utf-8;
    access_log  /var/log/nginx/inf.example.com.access.log  main;
    error_log  /var/log/nginx/inf.example.com.error.log;

    location / {
        root   /www/example.com/inf.example.com/images;
        index  index.html;
		try_files $uri $uri/ /index.php?_url=$request_uri;
    }

    #error_page  404              /404.html;

    # redirect server error pages to the static page /50x.html
    #
    error_page   500 502 503 504  /50x.html;
    location = /50x.html {
        root   /usr/share/nginx/html;
    }

    # proxy the PHP scripts to Apache listening on 127.0.0.1:80
    #
    #location ~ \.php$ {
    #    proxy_pass   http://127.0.0.1;
    #}

    # pass the PHP scripts to FastCGI server listening on 127.0.0.1:9000
    #
    location ~ /index\.php$ {
        root           html;
        fastcgi_pass   127.0.0.1:9000;
        fastcgi_index  index.php;
        fastcgi_param  SCRIPT_FILENAME  /www/example.com/inf.example.com/frontend/public$fastcgi_script_name;
        include        fastcgi_params;
    }

    # deny access to .htaccess files, if Apache's document root
    # concurs with nginx's one
    #
    location ~ /\.ht {
        deny  all;
    }
}			
			

通過這種方法還可以實現更複雜的需求，例如調整亮度，對比度，飽和度，色階，圖層疊加等等......