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

最新推荐文章于 2024-03-07 21:36:23 发布

weixin_34221332

最新推荐文章于 2024-03-07 21:36:23 发布

阅读量1.2k

点赞数

CC 4.0 BY-SA版权

文章标签： php 运维 python

原文链接：https://my.oschina.net/mickelfeng/blog/298621

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

2019独角兽企业重金招聘Python工程师标准>>>

时光网:

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