如何裁剪/缩放用户图像，以便可以显示固定大小的缩略图而不倾斜和拉伸？

Question

我正在努力允许用户为我的网站上传个人资料图片。 我试图避免的典型例子是 plentyoffish.com，其中每个用户的图像都是倾斜的并且看起来非常难看：

那么，如何在没有上面演示的倾斜的情况下以编程方式裁剪/创建图像的标准尺寸版本？

Answer 1

好吧，您必须有最大高度和宽度，假设您可用的图像尺寸是正方形，例如 100x100。

当用户上传图像时，获取图像的尺寸，然后计算出高度或宽度哪个更大。

然后进行最大的测量，并得到该测量值与目标测量值的比率，然后使用该比率来缩放高度和宽度。

因此，如果用户上传一张高度为 500、宽度为 450 的图片，由于高度最大，您需要将 100 除以 500（缩略图大小）。 这给了我们 0.2 作为比率。 这意味着宽度将变为 90，因此您将缩小到 100x90，并且不会发生扭曲。

Answer 2

这是我用来调整大小的一些代码（C#），类似于blowdart建议的方法。 只需将“300”替换为您的情况下一侧的最大尺寸：

 private Bitmap ScaleImage(Image oldImage)
    {
        double resizeFactor = 1;

        if (oldImage.Width > 300 || oldImage.Height > 300)
        {
            double widthFactor = Convert.ToDouble(oldImage.Width) / 300;
            double heightFactor = Convert.ToDouble(oldImage.Height) / 300;
            resizeFactor = Math.Max(widthFactor, heightFactor);

        }
        int width = Convert.ToInt32(oldImage.Width / resizeFactor);
        int height = Convert.ToInt32(oldImage.Height / resizeFactor);
        Bitmap newImage = new Bitmap(width, height);
        Graphics g = Graphics.FromImage(newImage);
        g.InterpolationMode = System.Drawing.Drawing2D.InterpolationMode.HighQualityBicubic;
        g.DrawImage(oldImage, 0, 0, newImage.Width, newImage.Height);
        return newImage;
    }

Answer 3

或者：如果您仍然想要固定尺寸，请按照blowdart的说明进行操作，但计算最大比例：100px / 450px = .22..

• 宽度：100px
• 高度：111.11..px -> 从顶部 ((111.11 - 100) / 2) 向下裁剪 100px。

编辑：或者让用户选择如何裁剪最大尺寸。

Answer 4

使用ImageMagick。 在命令行上使用：

convert -thumbnail geometry

Answer 5

我不久前为 PHP 创建了这个函数，非常适合这个场景和其他一些场景：

<?php

function Image($source, $crop = null, $resize = null)
{
    $source = ImageCreateFromString(file_get_contents($source));

    if (is_resource($source) === true)
    {
        $width = imagesx($source);
        $height = imagesy($source);

        if (isset($crop) === true)
        {
            $crop = array_filter(explode('/', $crop), 'is_numeric');

            if (count($crop) == 2)
            {
                if (($width / $height) > ($crop[0] / $crop[1]))
                {
                    $width = $height * ($crop[0] / $crop[1]);
                    $crop = array((imagesx($source) - $width) / 2, 0);
                }

                else if (($width / $height) < ($crop[0] / $crop[1]))
                {
                    $height = $width / ($crop[0] / $crop[1]);
                    $crop = array(0, (imagesy($source) - $height) / 2);
                }
            }

            else
            {
                $crop = array(0, 0);
            }
        }

        else
        {
            $crop = array(0, 0);
        }

        if (isset($resize) === true)
        {
            $resize = array_filter(explode('*', $resize), 'is_numeric');

            if (count($resize) >= 1)
            {
                if (empty($resize[0]) === true)
                {
                    $resize[0] = round($resize[1] * $width / $height);
                }

                else if (empty($resize[1]) === true)
                {
                    $resize[1] = round($resize[0] * $height / $width);
                }
            }

            else
            {
                $resize = array($width, $height);
            }
        }

        else
        {
            $resize = array($width, $height);
        }

        $result = ImageCreateTrueColor($resize[0], $resize[1]);

        if (is_resource($result) === true)
        {
            ImageCopyResampled($result, $source, 0, 0, $crop[0], $crop[1], $resize[0], $resize[1], $width, $height);
            ImageDestroy($source);

            header('Content-Type: image/jpeg');

            ImageJPEG($result, null, 90);
            ImageDestroy($result);
        }
    }

    return false;
}

Image('/path/to/your/image.jpg', '1/1', '100*');
Image('/path/to/your/image.jpg', '1/1', '100*100');
Image('/path/to/your/image.jpg', '1/1', '100*500');

?>

Answer 6

这是我使用 ImageMagick 的转换工具组合起来完成此操作的 bash 命令。 对于位于父目录中的一组图像，一些是纵向的，一些是横向的，要在当前目录中创建缩放到 600x400 的图像，从中心裁剪纵向图像并简单地缩放横向图像：

for f in ../*jpg; do
    echo $f; 
    size=`identify $f|cut -d' ' -f 3`; 
    w=`echo $size|cut -dx -f 1`; 
    h=`echo $size|cut -dx -f 2`; 
    if [ $w -gt $h ]; then 
        convert $f -thumbnail 600x400 `basename $f`; 
    else 
        convert $f -scale 600x -crop 600x400+0+`echo "((600*($h/$w))/2)" | bc | sed 's/\..*//'` `basename $f`; 
    fi;
done;