圖片太大且規格不統一,顯示的控制需要靠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); ?>