如何在最大宽度和最大高度范围内调整图像的大小？

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();