изменить размер изображения до точного размера, сохранить аспект, и заполнить любое пространство в PHP

Question

Hy,

Скажем, я хочу, чтобы преобразовать изображение в точный размер, например: 400x300. Трюк заключается в том, что если изображение из-за его соотношения сторон не подходит к 400x300, тогда разместите его там с черными границами.

Изображение 900x1200 будет преобразовано до 225x300, чтобы сохранить его соотношение сторон, а затем даны черные границы слева и справа, чтобы сделать его 400x300.

оригинальное фото:

||||||||||||||||||||||| 
||||||||||||||||||||||| 
||||||||||||||||||||||| 
||||||||||||||||||||||| 
||||||||||||||||||||||| 
||||||||||||||||||||||| 
||||||||||||||||||||||| 
||||||||||||||||||||||| 

после изменения размера я хочу выглядеть следующим образом:

_______________________ 
|+++++++++++++++++++++| 
|+++++++++++++++++++++| 
|+++++++++++++++++++++| 
|+++++++||||||||++++++| 
|+++++++||||||||++++++| 
|+++++++++++++++++++++| 
|+++++++++++++++++++++| 
|_____________________| 

: "+++++++" я хочу быть какой-то цвет, и "|||||||" это изображение, посередине!

К сожалению, у меня еще нет кода!

я хочу что-то вроде этого: http://phpthumb.sourceforge.net/demo/demo/phpThumb.demo.demo.php#x22 благодаря

Answer 1

Разберитесь с gd functions, которые позволяют манипулировать изображениями.

Вам необходимо прочитать на своем изображении, используя одну из функций imagecreatefrom.... Затем вам нужно создать второе изображение, используя, например, imagecreatetruecolor, который вы найдете fill с вашим цветом. Затем вы копируете исходное изображение в новое изображение, используя imagecopyresampled, что позволяет изменять его размер в процессе. Вам нужно будет рассчитать новый размер с помощью простой математики заранее, которая может помочь вам с getimagesize.

В качестве альтернативы, поиграйте с классом ImageMagick, что является альтернативой gd, с которым вы можете работать или не работать.

Удачи! :)

Answer 2

Я большой поклонник редактирования и изменения размера изображения заранее, чтобы быть размер я хочу, а не устанавливать ширину и высоту при визуализации. Производительность лучше, и вам не нужно беспокоиться о том, как разные браузеры могут обрабатывать ее по-разному.

Так что если у вас нет программы для редактирования изображений, получите Paint.net. Бесплатно и хорошо работает.

Answer 3

Создайте div, чтобы иметь черный фон и размер 400x300. Затем покажите свое измененное изображение внутри этого div. Вы даже можете включить проверку, чтобы убедиться, что изображение не является нужным аспектом перед отображением div.

Что-то вроде этого:

<? 
$height-ratio = $height/300; 
$width-ratio = $width/400; 

if ($height-ratio == $width-ratio) { 
$ratio = $height-ratio; 
} elseif ($height-ratio > $width-ratio) { 
$ratio = $height-ratio; 
echo "<div class='blackbox'>"; 
} else { 
$ratio = $width-ratio; 
echo "<div class='blackbox'>"; 
} 

$newHeight = $height/$ratio; 
$newWidth = $width/$ratio; 
echo "<img src='".$imgSrc."' height='".$newHeight."' width='".$newWidth."' />"; 

if ($height-ratio != $width-ratio) 
echo "</div>"; 
?> 

с поддержкой CSS из:

.blackbox { 
text-align: center; 
background-color: black; 
height: 300px; 
width: 400px; 
}