圖片太大且規格不統一,顯示的控制需要靠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); imagecopysampled($target,$croped,0,0,0,0,$final_w,$final_h,$w,$h); // 保存 $timestamp = time(); imagejpeg($target, "$timestamp.jpg"); imagedestroy($target); ?>