我目前正在制作一个脚本,该脚本显示移动应用中网站的缩略图,我遇到了“视网膜显示”的问题。如果原始图像足够大,我会显示所需尺寸的两倍缩略图,如果不是,我会按所需尺寸显示。现在,我的函数检查是否可以按比例调整大小,如果不能,我将其调整为“min-width”或“min-height”并从中心裁剪。
问题在于:如果它检测到图像无法以尺寸的两倍显示,则“放大”裁剪尺寸直到达到原始尺寸的限制,我找不到方法正确地扩展它。 (我的主要问题是我不擅长数学:P)。
更简单的讲座:
PS:我知道GD,所以我只需要公式来计算大小。
答案 0 :(得分: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/>';
答案 1 :(得分: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);
}