圖片太大且規格不統一,顯示的控制需要靠JavaScript來完成,用在移動設備上時顯示效果不好且流量巨大,需要對現有圖片庫的圖片進行一次處理,生成符合移動設備用的縮略圖,將原來客戶端JS做的工作轉移到服務器端用PHP的GD庫來集中處理。
圖片源與需要的大小:
$src_img = "wallpaper.jpg"; $dst_w = 300; $dst_h = 200;
剪裁圖像,保證圖像區域最大化顯示,並按比例縮放到指定大小
一開始采用了 imagecopyresized 方法進行圖像等比縮小,實際操作后發現,圖像縮小后燥點非常嚴重。后再換用 imagecopysampled 方法,該方法會對圖像進行重新采樣,對縮小的圖像進行平滑處理,使清晰度得到很大提高。
<?php
list($src_w,$src_h)=getimagesize($src_img); // 獲取原圖尺寸
$dst_scale = $dst_h/$dst_w; //目標圖像長寬比
$src_scale = $src_h/$src_w; // 原圖長寬比
if ($src_scale>=$dst_scale){ // 過高
$w = intval($src_w);
$h = intval($dst_scale*$w);
$x = 0;
$y = ($src_h - $h)/3;
} else { // 過寬
$h = intval($src_h);
$w = intval($h/$dst_scale);
$x = ($src_w - $w)/2;
$y = 0;
}
// 剪裁
$source=imagecreatefromjpeg($src_img);
$croped=imagecreatetruecolor($w, $h);
imagecopy($croped, $source, 0, 0, $x, $y, $src_w, $src_h);
// 縮放
$scale = $dst_w / $w;
$target = imagecreatetruecolor($dst_w, $dst_h);
$final_w = intval($w * $scale);
$final_h = intval($h * $scale);
imagecopyresampled($target, $croped, 0, 0, 0, 0, $final_w,$final_h, $w, $h);
// 保存
$timestamp = time();
imagejpeg($target, "$timestamp.jpg");
imagedestroy($target);
無損裁剪圖片
上傳圖片的時候, 經常是不確定比例, 顯示的時候又得統一, 這個方案可以解決
<?php
$image = "jiequ.jpg"; // 原圖
$imgstream = file_get_contents($image);
$im = imagecreatefromstring($imgstream);
$x = imagesx($im);//獲取圖片的寬
$y = imagesy($im);//獲取圖片的高
// 縮略后的大小
$xx = 140;
$yy = 200;
if($x>$y){
//圖片寬大於高
$sx = abs(($y-$x)/2);
$sy = 0;
$thumbw = $y;
$thumbh = $y;
} else {
//圖片高大於等於寬
$sy = abs(($x-$y)/2.5);
$sx = 0;
$thumbw = $x;
$thumbh = $x;
}
if(function_exists("imagecreatetruecolor")) {
$dim = imagecreatetruecolor($yy, $xx); // 創建目標圖gd2
} else {
$dim = imagecreate($yy, $xx); // 創建目標圖gd1
}
imageCopyreSampled ($dim,$im,0,0,$sx,$sy,$yy,$xx,$thumbw,$thumbh);
header ("Content-type: image/jpeg");
imagejpeg ($dim, false, 100);
?>
