如何在最大寬度和最大高度範圍內調整圖像的大小？

Question

我有一個CI圖像上傳表單，我想確保我上傳的圖像適合給定的矩形。如果它們太大 - 我想縮小它們。如果它們適合那個矩形 - 我不需要調整大小。

我知道CI支持最大高度和最大寬度（作爲限制上傳的圖像可以有多大），它支持調整大小，但我找不到如何調整圖像的大小，以設置max-高度和最大寬度（同時保持比例）。

Answer 1

嗯，這是很容易，從CI（預期 - ：

使用$this->image_lib->resize()，用戶設定所需的寬度&如果您還將maintain_ratio設置爲true，則新圖像將調整爲您的設置寬度的最接近可能的值，同時保持原始高寬比

所以這是我使用的代碼，上傳圖片後：

$file_data = $this->upload->data(); 

$max_height = 115; 
$max_width = 225; 
if ($file_data['image_width']>$max_width || $file_data['image_height']>$max_height) 
{ 
    $configResize = array(
         'source_image' => $file_data['full_path'], 
         'width' => $max_width, 
         'height' => $max_height, 
         'maintain_ratio' => TRUE 
       ); 

     $this->load->library('image_lib',$configResize); 
     $this->image_lib->resize()) 
} 

Answer 2

使用Image Manipulation Class形式CI

Answer 3

也許有更好的方式來處理，這是通過CSS（與CI的圖像處理庫進行調整一起）：

.media img{ 
     max-width:100px; 
     max-height:100px; 
    } 

Answer 4

你需要計算的高度和寬度，你想調整大小的圖像。例如：

1. 假設您的輸入圖像是1200x1000，並且您希望重新調整大小的圖像爲300x200。
2. 找到大小比率1200/1000 = 1.2和300/200 = 1.5。
3. 如果原始比例大於要匹配寬度的目標大小調整大小比例，否則您想計算高度。在這種情況下，我們想匹配高度。
4. 找到比例因子將圖像更改爲目標大小。比例因子是200/1000 = 0.2。
5. 使用縮放因子查找縮放0.2（1200 * 0.2和1000 * 0.2）= 240x200的新大小1200x1000。
6. 將圖像調整爲240x200，因爲它最適合300x200盒子。從網站

採取由西爾維烏摹提供http://ellislab.com/codeigniter/user-guide/libraries/image_lib.html

$this->load->library('image_lib'); 
    $config['image_library'] = 'gd2'; 
    $config['source_image'] = 'originalImage.jpg'; 
    $config['create_thumb'] = TRUE; 
    $config['width'] = 240; 
    $config['height'] = 200; 
    $this->load->library('image_lib', $config); 
    $this->image_lib->resize();