如何调整图像大小以适应最大宽度和最大高度？

Question

我有一个 CI 图片上传表单，我想确保我上传的图片适合给定的矩形。如果它们太大 - 我想缩小它们的尺寸。如果它们适合该矩形 - 我不需要调整大小。

我知道 CI 支持最大高度和最大宽度（作为上传图像大小的限制），并且它支持调整大小，但我找不到如何将图像调整为设置的最大高度和最大宽度（同时保持比例）。

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

您需要计算调整后图像的高度和宽度。例如：

1. 假设您的输入图像为 1200x1000，并且您希望调整后的图像为 300x200。
2. 求大小比 1200/1000=1.2 和 300/200=1.5。
3. 如果原始比例大于您想要匹配宽度的目标调整大小比例，否则您想要计算高度。在这种情况下，我们要匹配高度。
4. 查找比例因子以将图像更改为目标大小。比例因子为 200/1000=0.2。
5. 使用比例因子找到新的尺寸 1200x1000 缩放 0.2（1200*0.2 和 1000*0.2）= 240x200。
6. 将图像大小调整为 240x200，因为它最适合 300x200 框。

取自 Silviu G 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();

Answer 3

也许更好的方法是通过 CSS（结合 CI 图像处理库来调整大小）：

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

Answer 4

使用Image Manipulation Class 表单 CI