一些网站的图片只要修改 URL 地址就能得到任何尺寸的图片

本文介绍了一种利用Nginx结合GraphMagick进行图片实时缩放及缓存的方法。通过配置Nginx URL重写规则和GraphMagick模块,实现了根据不同尺寸需求动态生成并缓存缩略图的功能。

时光网:

http://img21.mtime.cn/CMS/Gallery/2011/07/02/170837.97014036_160X160.jpg

http://img21.mtime.cn/CMS/Gallery/2011/07/02/170837.97014036_362X571.jpg

http://img21.mtime.cn/CMS/Gallery/2011/07/02/170837.97014036_81X27.jpg

Google+

https://lh6.googleusercontent.com/-LJ_oaUgCUf4/SeSdBXIoXzI/AAAAAAAABO0/Boqt0dLZeX8/w500-h375-k/valenmac.jpg

https://lh6.googleusercontent.com/-LJ_oaUgCUf4/SeSdBXIoXzI/AAAAAAAABO0/Boqt0dLZeX8/w239-h167-k/valenmac.jpg

https://lh6.googleusercontent.com/-LJ_oaUgCUf4/SeSdBXIoXzI/AAAAAAAABO0/Boqt0dLZeX8/s497-k/valenmac.jpg

 

使用URLRewrite+实时处理+缓存

淘宝的图片就是使用这种方法来处理的。根据原图使用graphmagick去生成缩略图

简要得代码

nginx rewrite:

rewrite ^/upload/(.+)_(\d+)_(\d+)\.(jpg|png|gif) /upload/thumb.php?src=$1&w=$2&h=$3&type=$4;

$src= $_REQUEST["src"];
$width = $_REQUEST["w"];
$height = $_REQUEST["h"];
$type = strtolower($_REQUEST["type"]);
 
$filename = $src.".".$width."x".$height.".".$type;
if(!file_exists($filename))
{
    $im = new Imagick();
    $im->readImage($src);
    if($im->getImageWidth() >=$im->getImageHeight())
    {   
        $im->cropThumbnailImage( $width, $height );
    }else
    {   
        $im->cropImage($im->getImageWidth(),$im->getImageWidth(),0,0);
        $im->cropThumbnailImage($width,$height);
    }   
    $im->writeImage($filename);
    $im->destroy();
}
 
$contenttype = ""; 
switch($type)
{
    case "jpg":$contenttype = "jpeg";break;
    case "jpeg":$contenttype = "jpeg";break;
    case "png":$contenttype = "png";break;
    case "gif":$contenttype = "gif";break;
}
header("Content-type:image/".$contenttype);
readfile($filename);

.htaccess url指向image.php

url初始为 image.php

GET过来的url,

虽然url的结尾是.jpg,但它指向的是一个程序而不是静态图片,该程序根据url的参数返回图片.

Rewrite+实时处理+缓存,前段时间小组刚做了个图片站点,使用的就是这种方式,流量不高所以压力也不大。具体实现是Nginx+使用GM做成的Nginx模块,Nginx提供URLRrwrite+缓存,GM模块提供缩放和加水印。站点是这个:

http://pic.hatrix.org/random

http://pic.hatrix.org/random一开始是用IM,后来听淘宝的同学讲GM性能更好,便换成GM喽。

 

转载于:https://my.oschina.net/mickelfeng/blog/298621

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值