2

我目前正在编写一个在移动应用程序上显示网站缩略图的脚本,但我遇到了“视网膜显示”问题。如果原始图像足够大,我会以所需尺寸的两倍显示缩略图,如果不是,我会以所需尺寸显示。现在,我的函数检查它是否可以按比例调整大小,如果不能,我将其调整为“最小宽度”或“最小高度”并从中心裁剪它。

这是问题所在:如果它检测到图像无法以两倍大小显示,则“放大”裁剪后的大小,直到达到原始大小的限制,而我找不到缩放它的方法正确的。(我的主要问题是我不太擅长数学:P)。

对于更简单的讲座:

  • 这是图像的原始尺寸:600 x 301
  • 这是所需/裁剪尺寸:320 x 180
  • 这是我想要得到的尺寸:535 x 301。我从 Photoshop 中得到它,它是放大 320x180 直到找到原始大小的限制的结果。

PS:我知道GD,所以只需要公式计算大小。

4

2 回答 2

3

缩小规模的相同算法也可以扩大规模。这是未经测试的代码,它仅设计为按比例缩小,但如果您删除“按比例缩小”测试,它可能会为您解决问题。

<?php // RAY_image_resize_and_crop.php
error_reporting(E_ALL);


// RESIZE AN IMAGE PROPORTIONALLY AND CROP TO THE CENTER


function resize_and_crop($original_image_url, $thumb_image_url, $thumb_w, $thumb_h, $quality=75)
{
    // ACQUIRE THE ORIGINAL IMAGE: http://php.net/manual/en/function.imagecreatefromjpeg.php
    $original = imagecreatefromjpeg($original_image_url);
    if (!$original) return FALSE;

    // GET ORIGINAL IMAGE DIMENSIONS
    list($original_w, $original_h) = getimagesize($original_image_url);

    // RESIZE IMAGE AND PRESERVE PROPORTIONS
    $thumb_w_resize = $thumb_w;
    $thumb_h_resize = $thumb_h;
    if ($original_w > $original_h)
    {
        $thumb_h_ratio  = $thumb_h / $original_h;
        $thumb_w_resize = (int)round($original_w * $thumb_h_ratio);
    }
    else
    {
        $thumb_w_ratio  = $thumb_w / $original_w;
        $thumb_h_resize = (int)round($original_h * $thumb_w_ratio);
    }
    if ($thumb_w_resize < $thumb_w)
    {
        $thumb_h_ratio  = $thumb_w / $thumb_w_resize;
        $thumb_h_resize = (int)round($thumb_h * $thumb_h_ratio);
        $thumb_w_resize = $thumb_w;
    }

    // CREATE THE PROPORTIONAL IMAGE RESOURCE
    $thumb = imagecreatetruecolor($thumb_w_resize, $thumb_h_resize);
    if (!imagecopyresampled($thumb, $original, 0,0,0,0, $thumb_w_resize, $thumb_h_resize, $original_w, $original_h)) return FALSE;

    // ACTIVATE THIS TO STORE THE INTERMEDIATE IMAGE
    // imagejpeg($thumb, 'RAY_temp_' . $thumb_w_resize . 'x' . $thumb_h_resize . '.jpg', 100);

    // CREATE THE CENTERED CROPPED IMAGE TO THE SPECIFIED DIMENSIONS
    $final = imagecreatetruecolor($thumb_w, $thumb_h);

    $thumb_w_offset = 0;
    $thumb_h_offset = 0;
    if ($thumb_w < $thumb_w_resize)
    {
        $thumb_w_offset = (int)round(($thumb_w_resize - $thumb_w) / 2);
    }
    else
    {
        $thumb_h_offset = (int)round(($thumb_h_resize - $thumb_h) / 2);
    }

    if (!imagecopy($final, $thumb, 0,0, $thumb_w_offset, $thumb_h_offset, $thumb_w_resize, $thumb_h_resize)) return FALSE;

    // STORE THE FINAL IMAGE - WILL OVERWRITE $thumb_image_url
    if (!imagejpeg($final, $thumb_image_url, $quality)) return FALSE;
    return TRUE;
}


// USE CASE
echo '<a target="_blank" href="RAY_orig_600x374.jpg">Original 600x374</a><br/>';

resize_and_crop('RAY_orig_600x374.jpg', 'RAY_temp_100x100.jpg', 100, 100);
echo '<a target="_blank" href="RAY_temp_100x100.jpg">100x100</a><br/>';

resize_and_crop('RAY_orig_600x374.jpg', 'RAY_temp_200x100.jpg', 200, 100);
echo '<a target="_blank" href="RAY_temp_200x100.jpg">200x100</a><br/>';

resize_and_crop('RAY_orig_600x374.jpg', 'RAY_temp_200x300.jpg', 200, 300);
echo '<a target="_blank" href="RAY_temp_200x300.jpg">200x300</a><br/>';
于 2012-12-31T00:16:28.050 回答
2

(代表 OP 发布):

感谢Ray Paseur,我得到了这个功能:

function getAppropriateDimensionsForRetina($originalWidth,$originalHeight,$width,$height){
    $newWidth = $originalWidth;
    $newHeigth = $originalHeight;
    if($originalWidth > $originalHeight){
        $heightRatio = $originalHeight / $height;
        $newWidth = (int)floor($width * $heightRatio);
    }else{
        $widthRatio = $originalWidth / $width;
        $newHeigth = (int)floor($height * $widthRatio);
    }
    return array('width' => $newWidth,'height' => $newHeigth);
} 
于 2012-12-31T11:06:26.503 回答