Una necesidad que surge en todas las webs cuyos contenidos son introducidos por un usuario (o varios) a través de un gestor de contenidos, es adaptar las imágenes que estos suben al diseño de la misma para que no se deforme. Además, las proporciones de una imagen en una sección pueden ser diferentes a cómo se muestra en otra; un caso típico es usar una proporción para un listado y otra para la ficha de cada elemento, por ejemplo las noticias, los productos, etc.
Para resolver este problema sirve el conjunto de clases PHP que presentó en este artículo. Este software, a partir de una imagen original, creará una copia por cada tamaño que necesitemos. El proyecto completo puede verse en Github y el objetivo del presente artículo es explicar cómo funciona. En primer lugar, instanciamos la clase:
$objResize = Signia_ImageResize_Factory::getInstanceOf($srcFile, $destFile, $newSize);
Donde:
- $srcFile es el path hacia la imagen que ha subido el usuario.
- $desFile es el path de la imagen de destino.
- $newSize es el tamaño deseado.
A partir de un array con los tamaños deseados podemos crear un bucle por cada uno de ellos ($newSize). Los índices widthMax y heigthMax hacen referencia al tamaño máximo permitido, mientras que width y height pueden entenderse como widthMin y heightMin. Veamos un ejemplo:
$imageType = [ 'slide' => ['width' => 1000, 'widthMax' => 1000, 'height' => 400, 'heightMax' => 400, 'background' => '000000'], 'r2_34' => ['width' => 468, 'widthMax' => 2340, 'height' => 200, 'heightMax' => 1000], 'r2_7' => ['width' => 1080, 'widthMax' => 2700, 'height' => 400, 'heightMax' => 1000], 'r1_6' => ['width' => 459, 'widthMax' => 1000, 'height' => 287, 'heightMax' => 625], 'r1' => ['width' => 266, 'widthMax' => 266, 'height' => 177, 'heightMax' => 177] ];
En Factory.php podemos ver la clase Signia_ImageResize_Factory:
class Signia_ImageResize_Factory
{
static public function getInstanceOf($srcImageName, $destImageName, $newSize)
{
$aux = explode(".", $destImageName);
$extension = end($aux);
if (preg_match("/jpg|JPG|jpeg|JPEG/", $extension)) {
$extension = "jpeg";
}
$imageResizer = "Signia_ImageResize_" . ucfirst($extension);
return new $imageResizer($srcImageName, $destImageName, $newSize);
}
}